chore: style changes

nicholasgriffintn · Aug 25, 2024 · 97063d7 · 97063d7
1 parent fbb6ab3
commit 97063d7
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/apps/web/app/root.tsx b/apps/web/app/root.tsx
@@ -30,7 +30,7 @@ export function Layout({ children }: { children: React.ReactNode }) {
               </div>
             </div>
           </header>
-          <main className="flex-1">{children}</main>
+          <main className="w-full">{children}</main>
         </div>
         <ScrollRestoration />
         <Scripts />

diff --git a/apps/web/app/routes/_index.tsx b/apps/web/app/routes/_index.tsx
@@ -63,7 +63,7 @@ export default function Index() {
   return (
     <>
       <div
-        className={`w-full py-4 px-4 sm:px-6 lg:px-8 lg:max-w-3xl transition-all duration-500 ease-in-out ${
+        className={`w-full max-w-3xl py-4 px-4 sm:px-6 lg:px-8 transition-all duration-500 ease-in-out ${
           hasSearched ? 'mt-8' : 'mt-[15vh]'
         }`}
       >
@@ -123,7 +123,7 @@ export default function Index() {
       </div>
 
       {hasSearched && (
-        <div className="w-full py-4 px-4 sm:px-6 lg:px-8 lg:max-w-3xl">
+        <div className="w-full lg:max-w-3xl py-4 px-4 sm:px-6 lg:px-8">
           <h2 className="text-2xl font-bold mb-4">Search Results</h2>
           {data ? (
             <ul className="space-y-4">