From ae639dbe713fa461b1e98aab6eb18ce5c3d8aaf2 Mon Sep 17 00:00:00 2001
From: "johannes.vos" <johannes.d.vos@web.de>
Date: Fri, 15 May 2026 17:23:59 +0200
Subject: [PATCH] feat: replace h1 text with logo image in SearchView

---
 src/views/SearchView.vue | 29 +++++++++--------------------
 1 file changed, 9 insertions(+), 20 deletions(-)

diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index 4ac2462..2815680 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -31,12 +31,12 @@ const submitSearch = function () {
 
 <template>
     <div class="search-content">
-        <header class="global-header">
-            <h1>Seekra</h1>
-            <span class="slogan">
-                Built to search.
-            </span>
-        </header>
+    <header class="global-header">
+        <img src="@/assets/logo.svg" alt="Seekra" class="header-logo" />
+        <span class="slogan">
+            Built to search.
+        </span>
+    </header>
     
         <div class="search-container">
             <Searchbar v-model="searchQuery" ref="searchbar" class="search-bar" auto-submit />
@@ -60,20 +60,9 @@ const submitSearch = function () {
     padding-top: 40px;
 }
 
-.global-header h1 {
-    display: inline-block;
-    margin: 0;
-    line-height: 1;
-    background: linear-gradient(
-        to right,
-        var(--primary-color-l-4),
-        var(--primary-color),
-        var(--primary-color-d-4)
-    );
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-    font-size: 6rem;
+.header-logo {
+    width: 320px;
+    max-width: 100%;
 }
 
 .slogan{