teeny scrollbars

This commit is contained in:
legop3
2026-05-10 01:19:25 -04:00
parent b2cae9bfa4
commit 4971edbb59
4 changed files with 14 additions and 8 deletions
File diff suppressed because one or more lines are too long
+2 -2
View File
@@ -11,8 +11,8 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" /> <meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" />
<title>Multi Roomba Rover</title> <title>Multi Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-Dt4-1xEp.js"></script> <script type="module" crossorigin src="/assets/index-hUHCh0VC.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-G6nhQ4vQ.css"> <link rel="stylesheet" crossorigin href="/assets/index-BDh1YvFF.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
+11 -5
View File
@@ -14,9 +14,15 @@ body {
@apply bg-black text-slate-100; @apply bg-black text-slate-100;
} }
html,
body {
scrollbar-width: thin;
scrollbar-color: rgba(148, 163, 184, 0.55) transparent;
}
* { * {
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: #3b82f6 rgba(255, 255, 255, 0.08); scrollbar-color: rgba(148, 163, 184, 0.55) transparent;
} }
@keyframes spin { @keyframes spin {
@@ -29,16 +35,16 @@ body {
} }
*::-webkit-scrollbar { *::-webkit-scrollbar {
width: 1px; width: 2px;
height: 1px; height: 2px;
} }
*::-webkit-scrollbar-track { *::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.08); background: transparent;
} }
*::-webkit-scrollbar-thumb { *::-webkit-scrollbar-thumb {
background-color: #3b82f6; background-color: rgba(148, 163, 184, 0.55);
border-radius: 9999px; border-radius: 9999px;
} }