danvics/ytptube
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fixes

Browse source
This commit is contained in:
ArabCoders 2024-05-01 12:51:31 +03:00
parent 7aa58e4b86
commit 348f125c2b
1 changed files with 34 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

80
frontend/src/assets/css/style.css
View file

@ -120,12 +120,45 @@
padding: 18rem 6rem;
}
.footer {
background-color: #fafafa;
padding: 3rem 1.5rem 6rem;
}
.progress-bar {
border-radius: 15px;
position: relative;
width: 100%;
height: 30px;
background-color: #F5F5F5;
}
.progress,
.progress-percentage {
border-radius: 15px;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.progress-percentage {
text-align: center;
z-index: 2;
line-height: 30px;
}
.progress {
z-index: 1;
background-color: #00d1b2;
}
@media (prefers-color-scheme: dark) {
.footer {
background-color: #121212;
}
#progress-bar,
.progress-bar {
border-radius: 15px;
position: relative;
@ -134,8 +167,6 @@
background-color: #383636;
}
#progress,
#progress-percentage,
.progress,
.progress-percentage {
border-radius: 15px;
@ -146,57 +177,14 @@
width: 100%;
}
#progress-percentage,
.progress-percentage {
text-align: center;
z-index: 2;
line-height: 30px;
}
#progress,
.progress {
z-index: 1;
background-color: #087363;
}
}
@media screen and (min-width: 1024px) {
.footer {
background-color: #fafafa;
padding: 3rem 1.5rem 6rem;
}
#progress-bar,
.progress-bar {
border-radius: 15px;
position: relative;
width: 100%;
height: 30px;
background-color: #F5F5F5;
}
#progress,
#progress-percentage,
.progress,
.progress-percentage {
border-radius: 15px;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
#progress-percentage,
.progress-percentage {
text-align: center;
z-index: 2;
line-height: 30px;
}
#progress,
.progress {
z-index: 1;
background-color: #00d1b2;
}
}