changes for mobile screen

ohcnetwork · Jan 10, 2025 · 50d2528 · 50d2528
1 parent 5ed698b
commit 50d2528
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/Resource/ResourcePage.tsx b/src/components/Resource/ResourcePage.tsx
@@ -115,14 +115,14 @@ const ResourcePage = () => {
       hideBack={true}
       breadcrumbs={false}
       options={
-        <div className="flex gap-2">
+        <div className="flex gap-2 flex-col md:flex-row">
           <Tabs value={viewMode} onValueChange={handleViewMode}>
-            <TabsList>
-              <TabsTrigger value="board">
+            <TabsList className="w-full">
+              <TabsTrigger value="board" className="w-1/2">
                 <CareIcon icon="l-kanban" className="mr-2" />
                 <span>{t("board")}</span>
               </TabsTrigger>
-              <TabsTrigger value="list">
+              <TabsTrigger value="list" className="w-1/2">
                 <CareIcon icon="l-list-ul" className="mr-2" />
                 <span>{t("list")}</span>
               </TabsTrigger>