fix: no-scrollbar for firefox (#10964)

fix/messaging-category^2
Omar López 2023-09-04 05:13:32 -07:00 committed by GitHub
parent a030861423
commit 6a22d75caa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 10 deletions

View File

@ -207,7 +207,6 @@ html.todesktop nav a svg{
https://github.com/tailwindlabs/tailwindcss/pull/5732 https://github.com/tailwindlabs/tailwindcss/pull/5732
*/ */
@layer utilities { @layer utilities {
@layer responsive {
/* Chrome, Safari and Opera */ /* Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar { .no-scrollbar::-webkit-scrollbar {
display: none; display: none;
@ -218,7 +217,6 @@ html.todesktop nav a svg{
scrollbar-width: none; /* Firefox */ scrollbar-width: none; /* Firefox */
} }
} }
}
/* /*
* Override the default tailwindcss-forms styling (default is: 'colors.blue.600') * Override the default tailwindcss-forms styling (default is: 'colors.blue.600')

View File

@ -12,7 +12,7 @@ const HorizontalTabs = function ({ tabs, linkShallow, linkScroll, actions, ...pr
return ( return (
<div className="mb-4 h-9 max-w-full lg:mb-5"> <div className="mb-4 h-9 max-w-full lg:mb-5">
<nav <nav
className="no-scrollbar flex max-h-9 space-x-1 overflow-scroll rounded-md" className="no-scrollbar flex max-h-9 space-x-1 overflow-x-scroll rounded-md"
aria-label="Tabs" aria-label="Tabs"
{...props}> {...props}>
{tabs.map((tab, idx) => ( {tabs.map((tab, idx) => (