krzysieksiemv/MusicPlayer_JS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Corrections

Browse Source
This commit is contained in:
Christopher
2024-02-25 22:46:35 +01:00
committed by GitHub
parent 7c52826998
commit 0ac04318d3
1 changed files with 20 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style.css
+20 -11
View File
@@ -24,7 +24,8 @@ body {
.container { .container {
width: 90vw; width: 90vw;
padding: 32px; padding: 16px;
border-radius: 8px;
border: 1px solid rgba(0,0,0,0.2); border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 0 8px rgba(0,0,0,0.6); box-shadow: 0 0 8px rgba(0,0,0,0.6);
background-color: rgba(0,0,0,0.5); background-color: rgba(0,0,0,0.5);
@@ -33,17 +34,18 @@ body {
} }
img { img {
width: 90%; width: 100%;
} }
.list { .list {
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 4px rgba(0,0,0,0.6);
border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;
padding: 16px; padding: 16px;
color: white;
width: 90vw; width: 90vw;
} }
.controls button {
font-size: 24px;
}
} }
@media screen and (min-width: 640px) { @media screen and (min-width: 640px) {
@@ -60,11 +62,6 @@ body {
.container { .container {
padding: 32px; padding: 32px;
border-radius: 8px; border-radius: 8px;
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 0 8px rgba(0,0,0,0.6);
background-color: rgba(0,0,0,0.5);
color: white;
text-align: center;
} }
.list { .list {
@@ -75,8 +72,21 @@ body {
color: white; color: white;
width: 25%; width: 25%;
} }
.controls button {
font-size: 32px;
}
} }
.container {
padding: 32px;
border-radius: 8px;
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 0 8px rgba(0,0,0,0.6);
background-color: rgba(0,0,0,0.5);
color: white;
text-align: center;
}
.status { .status {
display: grid; display: grid;
@@ -92,7 +102,6 @@ body {
.controls button { .controls button {
color: white; color: white;
border: none; border: none;
font-size: 32px;
padding: 8px; padding: 8px;
background-color: transparent; background-color: transparent;
} }