fix: product navbar mobile is not showing

ainunns · Dec 5, 2024 · 13d7dc3 · 13d7dc3
1 parent a6c9ecc
commit 13d7dc3
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 30 deletions.
diff --git a/resources/js/Layouts/Navbar.tsx b/resources/js/Layouts/Navbar.tsx
@@ -153,39 +153,30 @@ export default function Navbar() {
             (showingNavigationDropdown ? "block" : "hidden") + " sm:hidden"
           }
         >
-          {auth.user !== null && (
-            <div className="space-y-1 pb-3 pt-2">
+          <div className="space-y-1 pb-3 pt-2">
+            <ResponsiveNavLink
+              href={route("product.index")}
+              active={route().current("product.index")}
+            >
+              Product
+            </ResponsiveNavLink>
+            {auth.user !== null && auth.user.role === "user" && (
               <ResponsiveNavLink
-                href={route("dashboard")}
-                active={route().current("dashboard")}
+                href={route("cart.index")}
+                active={route().current("cart.index")}
               >
-                Dashboard
+                Cart
               </ResponsiveNavLink>
+            )}
+            {auth.user !== null && auth.user.role === "user" && (
               <ResponsiveNavLink
-                href={route("product.index")}
-                active={route().current("product.index")}
+                href={route("transaction.index")}
+                active={route().current("transaction.index")}
               >
-                Product
+                Transaction
               </ResponsiveNavLink>
-              {auth.user !== null && auth.user.role === "user" && (
-                <ResponsiveNavLink
-                  href={route("cart.index")}
-                  active={route().current("cart.index")}
-                >
-                  Cart
-                </ResponsiveNavLink>
-              )}
-              {auth.user !== null && auth.user.role === "user" && (
-                <ResponsiveNavLink
-                  href={route("transaction.index")}
-                  active={route().current("transaction.index")}
-                >
-                  Transaction
-                </ResponsiveNavLink>
-              )}
-            </div>
-          )}
-
+            )}
+          </div>
           {auth.user !== null ? (
             <div className="border-t border-gray-200 pb-1 pt-4">
               <div className="px-4">

diff --git a/resources/js/Pages/Welcome.tsx b/resources/js/Pages/Welcome.tsx
@@ -184,15 +184,15 @@ export default function Welcome() {
           </Typography>
         </div>
         <div className="flex flex-col lg:flex-row gap-6">
-          <div className="rounded-lg bg-primary-700 p-4 h-[150px] flex flex-col justify-center">
+          <div className="rounded-lg bg-primary-700 p-4 min-h-[150px] flex flex-col justify-center">
             <Typography className="text-white">
               "The quality of the furniture is outstanding! My living room has
               never looked better. The delivery was smooth, and the assembly was
               so easy. Highly recommend this store!"
             </Typography>
             <Typography className="text-white">- Emily J.</Typography>
           </div>
-          <div className="rounded-lg bg-secondary-500 p-4 h-[150px] flex flex-col justify-center">
+          <div className="rounded-lg bg-secondary-500 p-4 min-h-[150px] flex flex-col justify-center">
             <div>
               <Typography>
                 "I love my new dining table set! It’s sturdy, elegant, and fits
@@ -202,7 +202,7 @@ export default function Welcome() {
               <Typography>- James T.</Typography>
             </div>
           </div>
-          <div className="rounded-lg bg-primary-700 p-4 h-[150px] flex flex-col justify-center">
+          <div className="rounded-lg bg-primary-700 p-4 min-h-[150px] flex flex-col justify-center">
             <div>
               <Typography className="text-white">
                 "Affordable prices, premium quality, and excellent designs. The