feat: fix nav tabs

trashtrackteam · Feb 16, 2024 · 8be0f07 · 8be0f07
1 parent ee9fb43
commit 8be0f07
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/apps/app/src/components/complain-tabs.tsx b/apps/app/src/components/complain-tabs.tsx
@@ -33,7 +33,7 @@ const ComplainTabs: React.FC = () => {
 
                 <Route path="/complain/tabs" render={() => <Redirect to="/complain/tabs/dashboard" />} exact={true} />
             </IonRouterOutlet>
-            <IonTabBar slot="bottom" mode="ios" translucent className="pb-4">
+            <IonTabBar slot="bottom" mode="ios" translucent className="pb-4 pt-4  border-t-2 border-t-black">
                 <IonTabButton tab="dashboardTabsComplain" href="/complain/tabs/dashboard">
                     <Icons.dashboardLaporan strokeWidth={1} className="pt-2 w-[32px] h-[30px]" />
                     <IonLabel className="pt-2 pb-2">Dashboard</IonLabel>

diff --git a/apps/app/src/components/operator-tabs.tsx b/apps/app/src/components/operator-tabs.tsx
@@ -27,7 +27,7 @@ const OperatorTabs: React.FC = () => {
                 />
                 <Route path="/operator/tabs" render={() => <Redirect to="/operator/tabs/dashboard" />} exact={true} />
             </IonRouterOutlet>
-            <IonTabBar slot="bottom" mode="ios" translucent className="pb-4 shadow-xl">
+            <IonTabBar slot="bottom" mode="ios" translucent className="pb-4 pt-4  shadow-xl border-t-2 border-t-black">
                 <IonTabButton tab="dashboardOperatorTab" href="/operator/tabs/dashboard">
                     <Icons.dashboard strokeWidth={1} className="pt-2 w-[32px] h-[30px]" />
                     <IonLabel className="pt-2 pb-2">Dashboard</IonLabel>

diff --git a/apps/app/src/components/tabs.tsx b/apps/app/src/components/tabs.tsx
@@ -16,7 +16,7 @@ const Tabs: React.FC = () => {
                 <Route path="/tabs/preferences" render={() => <Preferences />} exact={true} />
                 <Route path="/tabs" render={() => <Redirect to="/tabs/home" />} exact={true} />
             </IonRouterOutlet>
-            <IonTabBar slot="bottom" mode="ios" translucent className="pb-4">
+            <IonTabBar slot="bottom" mode="ios" translucent className="pb-4 pt-4 border-t-2 border-t-black">
                 <IonTabButton tab="homeTab" href="/tabs/home">
                     <Icons.home strokeWidth={1} className="pt-2 w-[32px] h-[30px]" />
                     <IonLabel className="pt-2 pb-2">{t("tabs.home")}</IonLabel>

diff --git a/apps/app/src/components/trashbin-tabs.tsx b/apps/app/src/components/trashbin-tabs.tsx
@@ -34,7 +34,7 @@ const TrashbinTabs: React.FC = () => {
                 <Route path="/trash-bin/tabs/trash" render={() => <OperatorTrashDisplay />} exact={true} />
                 <Route path="/trash-bin/tabs" render={() => <Redirect to="/trash-bin/tabs/trashbin" />} exact={true} />
             </IonRouterOutlet>
-            <IonTabBar slot="bottom" mode="ios" translucent className="pb-4 shadow-xl">
+            <IonTabBar slot="bottom" mode="ios" translucent className="pb-4 pt-4  shadow-xl border-t-2 border-t-black">
                 <IonTabButton tab="backTabs" href="/operator">
                     <Icons.back strokeWidth={1} className="pt-2 w-[32px] h-[30px]" />
                     <IonLabel className="pt-2 pb-2">{t("tabs.back")}</IonLabel>