mirror/pgbackweb
1
0
Fork 0
mirror of https://github.com/eduardolat/pgbackweb.git synced 2026-02-06 04:08:26 -06:00
Code Issues Packages Projects Releases Wiki Activity

Enhance scrollbar styling: customize appearance with Tailwind utilities and add fallback support for Firefox

Browse Source
This commit is contained in:
Luis Eduardo Jeréz Girón
2024-08-29 16:15:27 -06:00
parent 01b3f1bdca
commit 0e0705eca2
1 changed files with 23 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
internal/view/static/css/tailwind.css
View File

@@ -16,9 +16,29 @@ html {
overflow-y: auto;
}
/* Scrollbar */
* {
scrollbar-width: thin;
/* Custom scrollbar */
*,
*:hover {
/* Reset scrollbar*/
scrollbar-color: auto;
}
*::-webkit-scrollbar {
-webkit-appearance: none;
width: 6px;
height: 6px;
}
*::-webkit-scrollbar-thumb {
@apply bg-gray-500;
border-radius: 3px;
}
@-moz-document url-prefix() {
* {
/* Fallback scrollbar style for Firefox */
scrollbar-width: thin;
}
}
/* For AlpineJS */