Hot Fix Mobile Navbar

The-Creative-Programming-Group · Jan 21, 2024 · ea2551d · ea2551d
1 parent 83bccc2
commit ea2551d
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/apps/web/src/components/Layout.tsx b/apps/web/src/components/Layout.tsx
@@ -57,7 +57,7 @@ const Layout: React.FC<LayoutProps> = ({
           content="/_next/image?url=%2Fog-image.png&w=640&q=75"
         />
       </Head>
-      <header className="hidden items-center justify-around bg-[#2d3142] p-2 text-white md:flex">
+      <header className="m hidden items-center justify-around bg-[#2d3142] p-2 text-white md:flex">
         <div className="flex w-3/5 max-w-3xl justify-around">
           <Link href="/home" className="flex">
             <AiFillHome className="mr-1.5 text-2xl" />
@@ -141,7 +141,7 @@ const Layout: React.FC<LayoutProps> = ({
         <FaShare className="mr-1.5 mt-1" /> {translation("share button")}
       </button>
       <main className="mb-14 min-h-screen md:mb-0">{children}</main>
-      <div className="fixed bottom-0 left-0 z-50 block h-16 w-full border-t border-gray-200 bg-white md:hidden dark:border-gray-600 dark:bg-gray-700">
+      <div className="fixed bottom-0 left-0 z-50 block h-24 w-full border-t border-gray-200 bg-white pb-4 dark:border-gray-600 dark:bg-gray-700 md:hidden">
         <div className="mx-auto grid h-full max-w-lg grid-cols-4 font-medium">
           <Link
             href="/home"