Deploying to gh-pages from @ 6eab746 🚀

voodoos · Aug 19, 2024 · afd6b3d · afd6b3d
1 parent 8deefc1
commit afd6b3d
Show file tree

Hide file tree

Showing 3 changed files with 1,540 additions and 1,462 deletions.
diff --git a/app.css b/app.css
@@ -26,8 +26,8 @@ body {
     grid-template-rows: 5rem 1fr;
 
     @media screen and (max-width: 512px) {
-            grid-template-columns: 1fr;
-      }
+        grid-template-columns: 1fr;
+    }
 
     gap: 1.5rem;
     padding: 1.5rem;
@@ -41,6 +41,7 @@ body {
     & .item-list,
     & .playlist {
         display: flex;
+        position: relative;
         flex-direction: column;
         height: 100%;
         overflow: hidden;
@@ -50,7 +51,7 @@ body {
         & .playlist {
             display: none;
         }
-      }
+    }
 
     & .playlist div.row:has(div.playing) {
         filter: brightness(120%);
@@ -70,7 +71,7 @@ body {
         }
 
         & .now-playing-display.box {
-            position:relative;
+            position: relative;
             display: flex;
             flex-direction: row;
             flex-grow: 1;
@@ -112,3 +113,20 @@ body {
         }
     }
 }
+
+
+.big-cover {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    z-index: 100;
+    background-color: var(--light-bg-color);
+
+    & div {
+        width: 100%;
+        height: 100%;
+        background-size: contain;
+        background-repeat: no-repeat;
+        background-position: center;
+    }
+}