From 543aa0cd4a461285298d33a90ab3f11a9f084ca5 Mon Sep 17 00:00:00 2001
From: Leonardo Bishop <me@leonardobishop.com>
Date: Wed, 13 Mar 2024 00:17:32 +0000
Subject: Add home page

---
 components/header/SiteHeader.vue | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

(limited to 'components/header/SiteHeader.vue')

diff --git a/components/header/SiteHeader.vue b/components/header/SiteHeader.vue
index 75686d8..015af3d 100644
--- a/components/header/SiteHeader.vue
+++ b/components/header/SiteHeader.vue
@@ -1,11 +1,16 @@
 <script setup land="ts">
+const navigateHome = () => {
+  navigateTo('/');
+}
 </script>
 
 <template>
   <header>
     <div id="nav">
-      <img src="@/assets/quests-logo.png" alt="Quests logo" />
-      <h1>Quests Web Editor</h1>
+      <span id="logo" @click="navigateHome">
+        <img src="@/assets/quests-logo.png" alt="Quests logo" />
+        <h1>Quests Web Editor</h1>
+      </span>
       <code>Preview</code>
     </div>
 
@@ -44,6 +49,15 @@
 
 }
 
+#logo {
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 1rem;
+  color: var(--color-header-text);
+}
+
 #controls {
   padding: 1rem;
   display: flex;
-- 
cgit v1.2.3-70-g09d2

