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 {
width: 90vw;
padding: 32px;
padding: 16px;
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);
@@ -33,17 +34,18 @@ body {
}
img {
width: 90%;
width: 100%;
}
.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;
padding: 16px;
color: white;
width: 90vw;
}
.controls button {
font-size: 24px;
}
}
@media screen and (min-width: 640px) {
@@ -60,11 +62,6 @@ body {
.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;
}
.list {
@@ -75,8 +72,21 @@ body {
color: white;
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 {
display: grid;
@@ -92,7 +102,6 @@ body {
.controls button {
color: white;
border: none;
font-size: 32px;
padding: 8px;
background-color: transparent;
}