Fix search results top offset + add top border

breadthe · Aug 10, 2024 · c54628e · c54628e
1 parent c2d47fc
commit c54628e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/source/_assets/js/components/Search.vue b/source/_assets/js/components/Search.vue
@@ -28,8 +28,8 @@
             >&times;</button>
 
             <transition name="fade">
-                <div v-if="query" class="absolute top-0 inset-x-0 sm:inset-auto w-full lg:w-3/4 text-left mb-4 mt-16 sm:mt-12">
-                    <div class="flex flex-col bg-white border border-b-0 border-t-0 border-teal-400 rounded-b-lg shadow-lg mx-4 sm:mx-0">
+                <div v-if="query" class="absolute top-0 inset-x-0 sm:inset-auto w-full lg:w-3/4 text-left mb-4 mt-[3.5rem] sm:mt-10">
+                    <div class="flex flex-col bg-white border border-b-0 border-teal-400 rounded-b-lg shadow-lg mx-4 sm:mx-0">
                         <a
                             v-for="(result, index) in results"
                             class="group bg-white hover:bg-gray-100 border-b border-teal-400 cursor-pointer p-4"