Add middle layout

refs #49
franthormel · Jul 19, 2024 · 50f4828 · 50f4828
1 parent 1083309
commit 50f4828
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/app/listings/page.tsx b/app/listings/page.tsx
@@ -4,9 +4,9 @@ import Search from "@/components/search";
 
 export default function Home() {
     return (
-        <div className="px-8 md:px-10">
+        <div className="flex flex-col gap-y-8">
             {/* Search and price filters */}
-            <div className="flex gap-x-4 w-full lg:max-w-5xl">
+            <div className="flex w-full gap-x-4 px-8 md:px-10 lg:max-w-5xl">
                 {/* Search filter */}
                 <div className="w-full">
                     <Search />
@@ -68,6 +68,16 @@ export default function Home() {
                     </ButtonIconTextOutlined>
                 </div>
             </div>
+            <div className="flex h-[36rem]">
+                {/* TODO: Map of listings */}
+                <div className="basis-1/2 bg-red-200">
+                    Map
+                </div>
+                {/* TODO: List of listings */}
+                <div className="basis-1/2 bg-yellow-100">
+                    List
+                </div>
+            </div>
         </div>
     );
 }