From c85d71abfd270c2ac71f239fba3a5a17e0f4c542 Mon Sep 17 00:00:00 2001
From: Thomas Basler <thomas@familie-basler.net>
Date: Tue, 1 Nov 2022 17:37:19 +0100
Subject: [PATCH] webapp: Added icon to navbar

---
 webapp/src/components/NavBar.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/webapp/src/components/NavBar.vue b/webapp/src/components/NavBar.vue
index 2da75bd..ee4fa25 100644
--- a/webapp/src/components/NavBar.vue
+++ b/webapp/src/components/NavBar.vue
@@ -1,7 +1,7 @@
 <template>
     <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
         <div class="container-fluid">
-            <a class="navbar-brand" href="#">OpenDTU</a>
+            <a class="navbar-brand" href="#"><span class="text-warning"><BIconSun width="30" height="30" class="d-inline-block align-text-top"/></span> OpenDTU</a>
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup"
                 aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
@@ -79,8 +79,12 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
+import { BIconSun } from 'bootstrap-icons-vue';
 
 export default defineComponent({
+    components: {
+        BIconSun,
+    },
     methods: {
         onClick() {
             this.$refs.navbarCollapse && (this.$refs.navbarCollapse as HTMLElement).classList.remove("show");