pihkaal/pihkaal-me
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(gallery): custom scrollbar

Browse Source
This commit is contained in:
Stevan
2026-01-03 18:59:15 +01:00
parent fe91377c3d
commit 74d7f5ab02
1 changed files with 28 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
app/pages/gallery.vue
View File

@@ -248,6 +248,34 @@ onMounted(() => {
</UScrollArea> </UScrollArea>
</template> </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> <style scoped>
.no-scroll :deep(*) { .no-scroll :deep(*) {
pointer-events: none !important; pointer-events: none !important;