Merge pull request #327 from UTDNebula/fix-for-utd-grades-ad-covering…

…-search Fix for UTD Grades Ad covering searchbar on android firefox when keyboard is open
UTDNebula · Nov 22, 2024 · 6972a70 · 6972a70
2 parents 775c602 + 3d40649
commit 6972a70
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -43,14 +43,14 @@ const Home: NextPage = () => {
         />
         <meta property="og:url" content="https://trends.utdnebula.com" />
       </Head>
-      <div className="relative bg-lighten dark:bg-darken h-full w-full flex justify-center items-center p-8">
+      <div className="relative bg-lighten dark:bg-darken h-full w-full flex flex-col items-center gap-4 px-8 py-4">
         <Image
           src={Background}
           alt="gradient background"
           fill
           className="object-cover -z-20"
         />
-        <div className="max-w-xl">
+        <div className="max-w-xl grow flex flex-col justify-center">
           <h2 className="text-sm font-semibold mb-3 text-cornflower-600 dark:text-cornflower-400 tracking-wider">
             POWERED BY {/*eslint-disable-next-line react/jsx-no-target-blank*/}
             <a
@@ -73,7 +73,6 @@ const Home: NextPage = () => {
             // eslint-disable-next-line jsx-a11y/no-autofocus
             autoFocus={true}
             onSelect={searchOptionChosen}
-            className="mb-3"
             input_className="[&>.MuiInputBase-root]:bg-white [&>.MuiInputBase-root]:dark:bg-haiti"
           />
         </div>
@@ -82,7 +81,7 @@ const Home: NextPage = () => {
           href="https://utdgrades.com/"
           target="_blank"
           rel="noopener"
-          className="absolute bottom-4 bg-white dark:bg-black text-black dark:text-white py-3 px-5 rounded transition hover:scale-[1.01]"
+          className="bg-white dark:bg-black text-black dark:text-white py-3 px-5 rounded transition hover:scale-[1.01]"
         >
           Also check out <b>UTD Grades</b>
         </a>