Huge changes: Sidebar, new UI

frontend/components/Logo.vue

@@ -1,8 +1,15 @@
+<script setup lang="ts">
+defineProps<{
+    imgWidth?: String,
+    fontSize?: String
+}>()
+</script>
+
 <template>
     <div style="width: fit-content;">
     <NuxtLink style="display: flex; width: fit-content; text-decoration: none;" to="/">
-    <img style="user-select: none;" width="140" src="~/assets/img/buildpath-high-resolution-logo-transparent.png" />
-    <h1 id="logo-text">BuildPath</h1>
+    <img style="user-select: none;" :width="imgWidth == null ? '140' : Number(imgWidth)" src="~/assets/img/buildpath-high-resolution-logo-transparent.png" />
+    <h1 :style="'font-size: ' + (fontSize == null ? '90px' : fontSize) + ';'" id="logo-text">BuildPath</h1>
     </NuxtLink>
     </div>
 </template>
@@ -11,8 +18,11 @@
 #logo-text {
     font-weight: 200; 
     align-content: center; 
-    font-size: 90px; 
+    
+    font-size: 90px;
+
     margin-left: 20px;
+    
     user-select: none;
     text-decoration: none;
 }