gradient in slideshow

2026-03-22 19:19:52 +03:00 · 2026-03-07 19:28:19 +00:00
parent 82be0c1181
commit e251ebf1c3
1 changed files with 11 additions and 0 deletions
--- a/web/src/lib/components/asset-viewer/asset-viewer.svelte
+++ b/web/src/lib/components/asset-viewer/asset-viewer.svelte
@@ -726,4 +726,15 @@
    background: #adcbfa;
    border-radius: 16px;
  }
+
+  #stack-slideshow .horizontal-scrollbar {
+    mask-image:
+      linear-gradient(to right, transparent, black 2rem, black calc(100% - 2rem), transparent),
+      linear-gradient(black, black);
+    mask-size:
+      100% calc(100% - 10px),
+      100% 10px;
+    mask-position: top, bottom;
+    mask-repeat: no-repeat;
+  }
 </style>