feat: make gradient step more visible on xxl

snapshot-labs · Aug 28, 2024 · 0c1009b · 0c1009b
1 parent e7c659e
commit 0c1009b
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/apps/ui/src/components/Ui/ScrollerHorizontal.vue b/apps/ui/src/components/Ui/ScrollerHorizontal.vue
@@ -52,7 +52,7 @@ onMounted(() => {
         'pointer-events-none': !withButtons,
         'w-2': gradient === 'sm',
         'w-3': gradient === 'md',
-        'w-[108px]': gradient === 'xxl'
+        'w-[108px] via-70% via-skin-bg/85': gradient === 'xxl'
       }"
       @click="scroll('left')"
     >
@@ -78,7 +78,7 @@ onMounted(() => {
         'pointer-events-none': !withButtons,
         'w-2': gradient === 'sm',
         'w-3': gradient === 'md',
-        'w-[108px]': gradient === 'xxl'
+        'w-[108px] via-70% via-skin-bg/85': gradient === 'xxl'
       }"
       @click="scroll('right')"
     >