feat(gallery): custom scrollbar

2026-01-03 18:59:15 +01:00
parent e0d5690616
commit 601c940f15
1 changed files with 28 additions and 0 deletions
--- a/app/pages/gallery.vue
+++ b/app/pages/gallery.vue
@@ -248,6 +248,34 @@ onMounted(() => {
  </UScrollArea>
 </template>

+<style>
+*::-webkit-scrollbar-track {
+  border: 1px solid #000000;
+  background-color: #000000;
+}
+
+*::-webkit-scrollbar {
+  width: 8px;
+  background-color: #000000;
+}
+
+*::-webkit-scrollbar-thumb {
+  background-color: oklch(26.9% 0 0); /* neutral-800 */
+  border-radius: 10px;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+  background-color: oklch(37.1% 0 0); /* neutral-700 */
+}
+
+@-moz-document url-prefix() {
+  * {
+    scrollbar-width: auto;
+    scrollbar-color: oklch(37.1% 0 0) #000000;
+  }
+}
+</style>
+
 <style scoped>
 .no-scroll :deep(*) {
  pointer-events: none !important;