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,10 +19,18 @@
background: transparent; background: transparent;
} }
::-webkit-scrollbar:vertical {
width: 0px;
}
::-webkit-scrollbar:horizontal {
height: 0px;
}
@media (min-width: 640px) {
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
@apply rounded-box bg-primary; @apply rounded-box bg-primary;
} }
::-webkit-scrollbar:vertical { ::-webkit-scrollbar:vertical {
width: 6px; width: 6px;
} }
@ -30,3 +38,4 @@
::-webkit-scrollbar:horizontal { ::-webkit-scrollbar:horizontal {
height: 6px; height: 6px;
} }
}

View File

@ -72,10 +72,10 @@ export default () => {
<Show when={rulesProviders().length > 0}> <Show when={rulesProviders().length > 0}>
<div class="flex-1"> <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')} {t('ruleProviders')}
<Button <Button
class="btn-circle btn-ghost btn-sm ml-2" class="btn-circle btn-sm"
disabled={allProviderIsUpdating()} disabled={allProviderIsUpdating()}
onClick={(e) => onUpdateAllProviderClick(e)} onClick={(e) => onUpdateAllProviderClick(e)}
> >