Update search bar width at the start page

2026-05-11 00:06:45 +02:00
parent cab550051f
commit c5af7366a9
1 changed files with 7 additions and 1 deletions
@@ -39,7 +39,7 @@ const submitSearch = function () {
        </header>
    
        <div class="search-container">
-            <Searchbar v-model="searchQuery" ref="searchbar" auto-submit />
+            <Searchbar v-model="searchQuery" ref="searchbar" class="search-bar" auto-submit />
        </div>
    </div>
 </template>
@@ -80,4 +80,10 @@ const submitSearch = function () {
    width: 70%;
    max-width: 624px;
 }
+
+@media (max-width: 67.5rem) {
+    .search-container {
+        width: 100%;
+    }
+}
 </style>