feat: hidden scrollbar for mobile

This commit is contained in:
Zephyruso 2023-09-07 14:24:48 +08:00
parent 8cea622251
commit 2ce3016275
2 changed files with 17 additions and 8 deletions

View File

@ -19,14 +19,23 @@
background: transparent;
}
::-webkit-scrollbar-thumb {
@apply rounded-box bg-primary;
}
::-webkit-scrollbar:vertical {
width: 6px;
width: 0px;
}
::-webkit-scrollbar:horizontal {
height: 6px;
height: 0px;
}
@media (min-width: 640px) {
::-webkit-scrollbar-thumb {
@apply rounded-box bg-primary;
}
::-webkit-scrollbar:vertical {
width: 6px;
}
::-webkit-scrollbar:horizontal {
height: 6px;
}
}

View File

@ -72,10 +72,10 @@ export default () => {
<Show when={rulesProviders().length > 0}>
<div class="flex-1">
<h1 class="flex h-11 items-center pb-4 text-lg font-semibold">
<h1 class="flex h-11 items-center gap-2 pb-4 text-lg font-semibold">
{t('ruleProviders')}
<Button
class="btn-circle btn-ghost btn-sm ml-2"
class="btn-circle btn-sm"
disabled={allProviderIsUpdating()}
onClick={(e) => onUpdateAllProviderClick(e)}
>