feat: layout changes per design

ietf-tools · Nov 6, 2024 · 4a0eea5 · 4a0eea5
1 parent e3cb6f5
commit 4a0eea5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/client/components/SearchFilter.vue b/client/components/SearchFilter.vue
@@ -1,6 +1,6 @@
 <template>
   <form
-    class="flex flex-col gap-5 text-base text-grey-800 pt-3 lg:pt-0 pl-5 lg:pl-10"
+    class="flex flex-col gap-5 text-base text-grey-800 pt-3 lg:pt-0 pl-5 lg:pl-0"
   >
     <Heading level="2" style-level="4" class="hidden lg:block">Filter</Heading>
 

diff --git a/client/pages/search.vue b/client/pages/search.vue
@@ -13,7 +13,10 @@
       </template>
 
       <div class="container mx-auto flex flex-row items-start py-5">
-        <div class="w-full lg:w-1/2">
+        <div class="hidden lg:w-1/3 lg:block">
+          <SearchFilter />
+        </div>
+        <div class="w-full lg:w-2/3">
           <div class="flex flex-row justify-between items-center">
             <Heading
               level="2"
@@ -80,9 +83,6 @@
             </li>
           </ul>
         </div>
-        <div class="hidden lg:w-1/2 lg:block pl-10">
-          <SearchFilter class="border-l-2 dark:border-l-gray-500 pl-10" />
-        </div>
       </div>
     </NuxtLayout>
   </div>