fix: scrolling problem in desktop responsive mode

Author: x0sina

build_dashboard.sh

@@ -1,4 +1,5 @@
+#! /bin/bash
+
 cd "$(dirname "$0")/dashboard"
 VITE_BASE_API=/ bun run build
 cp ./build/index.html ./build/404.html
- 

dashboard/src/pages/_dashboard.bulk.tsx

@@ -68,7 +68,7 @@ const BulkPage = () => {
         <PageHeader {...getPageHeaderProps()} />
       </PageTransition>
       <div className="w-full">
-        <div className="scrollbar-hide flex overflow-x-auto border-b px-4">
+        <div className="scrollbar-hide flex lg:flex-wrap overflow-x-auto border-b px-4">
           {tabs.map(tab => (
             <button
               key={tab.id}

dashboard/src/pages/_dashboard.settings.tsx

@@ -210,7 +210,7 @@ export default function Settings() {
         <div className="relative w-full">
           <div className="flex border-b">
             <div className="w-full">
-              <div className="scrollbar-hide flex overflow-x-auto border-b px-4">
+              <div className="scrollbar-hide flex lg:flex-wrap overflow-x-auto border-b px-4">
                 {tabs.map(tab => {
                   const isActive = activeTab === tab.id
                   return (