Korbs/zorn-js
1
Fork 0
Code Issues Pull requests Activity

updaet

Browse source
This commit is contained in:
Korbs 2023-10-16 17:35:27 -04:00
parent a3c15adc94
commit 6c06233cf0
No known key found for this signature in database
4 changed files with 59 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/styles/app.css
View file

@ -7,6 +7,7 @@
display: flex;
flex-direction: column;
justify-content: center;
font-family: Arial, Helvetica, sans-serif;
}
.plyx-player-controls {
display: inline-flex;
@ -16,13 +17,14 @@
position: absolute;
bottom: 0;
transition: all 0.2s ease;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
background-image: linear-gradient(to bottom, rgba(12, 12, 12, 0), rgba(12, 12, 12, 0.75));
flex-direction: inherit;
}
.row-1 {
display: flex;
justify-content: space-between;
width: 100%;
padding-bottom: 12px;
}
.row-1-start {
display: flex;
@ -59,7 +61,7 @@ button:hover {
.video-progress {
position: relative;
height: 6.4px;
margin: 6px -10px -8px -10px;
margin: 24px 0px;
}
progress {
-webkit-appearance: none;
@ -165,8 +167,8 @@ input[type=range].volume::-moz-range-thumb {
}
input[type="range"]::-moz-range-thumb {
height: 12px;
width: 6px;
border-radius: 0px;
width: 12px;
border-radius: 10px;
border: none;
background: #f00;
cursor: pointer;
@ -176,6 +178,7 @@ input[type="range"]::-moz-range-thumb {
pointer-events: none;
}
#progress-bar {
background: transparent;
background: rgba(12, 12, 12, 0.1);
border: none;
border-radius: 10px;
}