💄 (app) add a more specific favicon

2023-04-15 17:27:57 +02:00
parent 46b1ddcf3c
commit c2796c8e14
4 changed files with 17 additions and 3 deletions
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,11 +5,23 @@ import { RouterLink, RouterView } from 'vue-router'
 <template>
  <header>
    <nav>
-      <router-link class="title is-3" to="/">Loopycode</router-link>
+      <router-link class="title is-3" to="/">
+        <img class="logo" src="/public/loop.png" alt="Loopycode" />
+      </router-link>
    </nav>
  </header>

  <RouterView />
 </template>

-<style scoped></style>
+<style scoped>
+nav {
+  margin: 1rem 0;
+  display: flex;
+  justify-content: center;
+}
+
+img.logo {
+  max-width: 40px;
+}
+</style>