From 8260908024ced4534c107fd954703db28ca77531 Mon Sep 17 00:00:00 2001
From: Dorian <dorian@Dorians-MacBook-Air.local>
Date: Tue, 3 Feb 2026 00:43:18 +0000
Subject: [PATCH] Keep scroll navigation buttons visible when content can
 scroll

Changed scroll buttons behavior:
- Always visible at 70% opacity when there's more content to scroll
- Increase to 100% opacity on hover
- Removed group-hover requirement
- Only show when canScrollLeft/canScrollRight is true

Users now have a clear indicator when more content is available
without needing to hover over the content row.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/components/ContentRow.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ContentRow.vue b/src/components/ContentRow.vue
index 3194e52..8c420c8 100644
--- a/src/components/ContentRow.vue
+++ b/src/components/ContentRow.vue
@@ -9,7 +9,7 @@
       <button 
         v-if="canScrollLeft"
         @click="scrollLeft"
-        class="hidden md:block absolute left-0 top-0 bottom-0 z-10 w-12 bg-black/50 hover:bg-black/70 backdrop-blur-sm opacity-0 group-hover:opacity-100 transition-opacity"
+        class="scroll-nav-button hidden md:block absolute left-0 top-0 bottom-0 z-10 w-12 bg-black/50 hover:bg-black/70 backdrop-blur-sm opacity-70 hover:opacity-100 transition-opacity"
       >
         <svg class="w-8 h-8 mx-auto" fill="currentColor" viewBox="0 0 24 24">
           <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
@@ -47,7 +47,7 @@
       <button 
         v-if="canScrollRight"
         @click="scrollRight"
-        class="hidden md:block absolute right-0 top-0 bottom-0 z-10 w-12 bg-black/50 hover:bg-black/70 backdrop-blur-sm opacity-0 group-hover:opacity-100 transition-opacity"
+        class="scroll-nav-button hidden md:block absolute right-0 top-0 bottom-0 z-10 w-12 bg-black/50 hover:bg-black/70 backdrop-blur-sm opacity-70 hover:opacity-100 transition-opacity"
       >
         <svg class="w-8 h-8 mx-auto" fill="currentColor" viewBox="0 0 24 24">
           <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>