fix subheader children on mobile

hikka-io · Mar 10, 2024 · 9e11ffe · 9e11ffe
1 parent 6a6f862
commit 9e11ffe
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/components/sub-header.tsx b/components/sub-header.tsx
@@ -51,7 +51,7 @@ const Component = ({
         >
             <div
                 className={clsx(
-                    'flex items-center gap-4 overflow-hidden',
+                    'flex flex-1 items-center gap-4 overflow-hidden',
                     titleClassName,
                 )}
             >
@@ -66,7 +66,9 @@ const Component = ({
                 ) : (
                     <Title>{title}</Title>
                 )}
-                {children}
+                <div className="inline-flex gap-4 overflow-x-scroll">
+                    {children}
+                </div>
             </div>
             {href && (
                 <Button size="icon-sm" variant="outline" asChild>