💄 Make bottom navbar smaller

src/components/bottom-navbar.vue

@@ -31,7 +31,7 @@ import { RouterLink } from "vue-router";
 <style scoped>
 .bottomnav {
   width: calc(90% - 40px);
-  height: 70px;
+  height: 50px;
   background-color: var(--bottomnav-color);
   border-radius: 10px;
   position: fixed;

src/components/icons/bell-icon.vue

@@ -3,8 +3,8 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    width="39"
-    height="39"
+    width="30"
+    height="30"
     viewBox="0 0 24 24"
     fill="none"
     stroke="currentColor"

src/components/icons/calendar-icon.vue

@@ -3,8 +3,8 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    width="39"
-    height="39"
+    width="30"
+    height="30"
     viewBox="0 0 24 24"
     fill="none"
     stroke="currentColor"

src/components/icons/clock-icon.vue

@@ -3,8 +3,8 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    width="39"
-    height="39"
+    width="30"
+    height="30"
     viewBox="0 0 24 24"
     fill="none"
     stroke="currentColor"