From 28d8042ea29787e5540f66ac455543b85365797e Mon Sep 17 00:00:00 2001
From: afterlifepro <vielle.dev@proton.me>
Date: Sun, 17 Aug 2025 13:31:57 +0100
Subject: [PATCH] Create a "scroll this way" indicator.

TODO: center arrow and add gradient
---
 src/components/home/playing/NowPlaying.astro | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/home/playing/NowPlaying.astro b/src/components/home/playing/NowPlaying.astro
index 248d22e..7449312 100644
--- a/src/components/home/playing/NowPlaying.astro
+++ b/src/components/home/playing/NowPlaying.astro
@@ -228,9 +228,21 @@ const isSong = (
       contain: inline-size;
       overflow: auto visible;
 
-      display: flex;
-      flex-direction: row;
+      display: grid;
+      grid-template-columns: auto auto 40px;
       align-items: center;
+
+      &::after {
+        /* visual hint */
+        content: ">" / "";
+        position: sticky;
+        right: 0px;
+
+        height: 100%;
+        width: 40px;
+        
+        background-color: white;
+      }
     }
   }
 
-- 
2.51.2