Personal Site
Create a "scroll this way" indicator.
TODO: center arrow and add gradient
+14
-2
+14
-2
src/components/home/playing/NowPlaying.astro
+14
-2
src/components/home/playing/NowPlaying.astro
···
228
228
contain: inline-size;
229
229
overflow: auto visible;
230
230
231
-
display: flex;
232
-
flex-direction: row;
231
+
display: grid;
232
+
grid-template-columns: auto auto 40px;
233
233
align-items: center;
234
+
235
+
&::after {
236
+
/* visual hint */
237
+
content: ">" / "";
238
+
position: sticky;
239
+
right: 0px;
240
+
241
+
height: 100%;
242
+
width: 40px;
243
+
244
+
background-color: white;
245
+
}
234
246
}
235
247
}
236
248