mirror of
https://github.com/eduardolat/pgbackweb.git
synced 2026-02-06 04:08:26 -06:00
Enhance scrollbar styling: customize appearance with Tailwind utilities and add fallback support for Firefox
This commit is contained in:
@@ -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 */
|
||||
|
||||
Reference in New Issue
Block a user