MinPluto/Zorn
MinPluto/Zorn
1
0
Fork 0
Code Issues Activity

Adjust styles

Browse source
This commit is contained in:
Korbs 2024-11-29 22:30:26 -05:00
parent 29aaefd4f7
commit 9b9b9de88a
1 changed files with 18 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/Styles/Index.scss
View file

@ -13,9 +13,10 @@
.video-controls, video { .video-controls, video {
border-radius: 12px; border-radius: 12px;
} }
*:focus { *:focus-visible {
border: 2px white solid; outline: none;
transition: 1s border; background: rgba(255, 255, 255, 0.5) !important;
transition: 1s background;
} }
video { video {
width: 100%; width: 100%;
@ -81,7 +82,7 @@
transition: 0.3s opacity; transition: 0.3s opacity;
} }
.vc-center { .vc-center {
width: calc(100% - 220px); width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 12px; gap: 12px;
@ -127,7 +128,9 @@
top: -8px; top: -8px;
left: 0px; left: 0px;
width: 100%; width: 100%;
*:focus-visible {
border-radius: 3rem !important;
}
} }
#seek[type="range"] { #seek[type="range"] {
-webkit-appearance: none; -webkit-appearance: none;
@ -249,6 +252,16 @@
width: 14px; width: 14px;
} }
} }
.vc-menu-whitelabel {
opacity: 0.5;
text-align: center;
text-decoration: none;
font-size: 14px;
margin: 0px 0px 6px 0px;
&:hover {
text-decoration: underline;
}
}
} }
button#has-switch svg { button#has-switch svg {