Move flexbox to the start page view

2026-05-10 19:04:49 +02:00
parent 1097694a8e
commit e3117110e9
2 changed files with 18 additions and 13 deletions
@@ -33,19 +33,28 @@ const submitSearch = function () {
 </script>

 <template>
-    <header class="global-header">
-        <h1>Seekra</h1>
-        <span class="slogan">
-            Built to search.
-        </span>
-    </header>
+    <div class="search-content">
+        <header class="global-header">
+            <h1>Seekra</h1>
+            <span class="slogan">
+                Built to search.
+            </span>
+        </header>
    
-    <form class="search-form" @submit.prevent="submitSearch">
-        <Searchbar v-model="searchQuery" ref="searchbar" />
-    </form>
+        <form class="search-form" @submit.prevent="submitSearch">
+            <Searchbar v-model="searchQuery" ref="searchbar" />
+        </form>
+    </div>
 </template>

 <style scoped>
+.search-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 60px;
+}
+
 .global-header {
    text-align: center;
    display: flex;