Added a new route

Mainly for test and dev purposes
2026-08-11 22:54:46 +02:00 · 2025-03-19 16:01:02 +01:00
parent 222b9d8914
commit 43981651b1
6 changed files with 70 additions and 3 deletions
--- a/src/components/header.vue
+++ b/src/components/header.vue
@@ -0,0 +1,40 @@
+<template>
+  <header>
+    <div id="header_content">
+        <RouterLink to="/">
+            <div id="header_picture">
+                <img src="https://picsum.photos/50/50"/>
+            </div>
+        </RouterLink>
+    </div>
+  </header>
+</template>
+
+<script setup>
+    import { RouterLink } from 'vue-router';
+</script>
+
+<style scoped>
+    header{
+        height: 60px;
+        background-color: #252525;
+        display: flex;
+    }
+    #header_content{
+        height: 100%;
+        width: 95%;
+        margin: auto;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+    }
+    #header_picture{
+        width: 50px;
+        height: 50px
+    }
+    #header_picture img{
+        width: 100%;
+        height: 100%;
+        border-radius: 8px;
+    }
+</style>