UI upgrades

web/src/components/common/AppLogo.vue

@@ -4,16 +4,7 @@
       to="/dashboard"
       class="d-flex"
     >
-      <!-- <img
+      <div class="d-flex">
-        class="ml-0 mt-1"
-        style="height: 36px"
-        :src="AppLogo"
-      /> -->
-      <div v-if="sidebarMini || mdAndDown"></div>
-      <div
-        v-else
-        class="d-flex"
-      >
         <h1
           class="mt-1 ml-3"
           color="primary"
@@ -26,20 +17,8 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
-import { useDisplay } from "vuetify"
-import useInterface from "@/use/use-interface"
-import { watch } from "vue"
-
-// import AppLogo from "@/assets/app_logo_small.png"
 import { APPLICATION_NAME } from "@/config"
-
-const { sidebarMini, setSidebarMini } = useInterface()
-const { mdAndDown } = useDisplay()
-
-watch(mdAndDown, (newVal) => {
-  if (newVal === true) setSidebarMini(false)
-})
 </script>
 
 <style>

web/src/components/common/PublicAppLogo.vue

@@ -11,7 +11,12 @@
         <span class="term-white">~</span>
         <span class="term-cyan mr-2">$</span>
         <span class="term-white">{{ typedText }}</span>
-        <span class="term-cursor">&#9608;</span>
+        <span
+          v-if="animated"
+          class="term-cursor"
+        >
+          &#9608;
+        </span>
       </div>
     </RouterLink>
   </div>
@@ -33,6 +38,7 @@ const props = withDefaults(
 
 const TYPED_PHRASES = [
   " Hello!",
+  " Cheers!",
   " привет",
   " クリア",
   " Εβίβα!",
@@ -108,10 +114,10 @@ onUnmounted(() => {
   color: #d3d7cf;
 }
 
-/* .terminal-prompt .term-cursor {
+.terminal-prompt .term-cursor {
   color: #d3d7cf;
   animation: term-blink 1s step-end infinite;
-} */
+}
 
 @keyframes term-blink {
   0%,

web/src/components/layout/DefaultAppBar.vue

@@ -8,7 +8,11 @@
       class="main-head pl-2"
     >
       <div class="mr-3">
-        <AppLogo />
+        <!-- <AppLogo /> -->
+        <PublicAppLogo
+          to="/dashboard"
+          :animated="false"
+        />
       </div>
 
       <v-spacer />
@@ -40,7 +44,11 @@
       class="main-head pl-2"
     >
       <div class="mr-3">
-        <AppLogo />
+        <!-- <AppLogo /> -->
+        <PublicAppLogo
+          to="/dashboard"
+          :animated="false"
+        />
       </div>
 
       <v-tabs
@@ -84,7 +92,7 @@
 <script setup lang="ts">
 import { useDisplay } from "vuetify"
 
-import AppLogo from "@/components/common/AppLogo.vue"
+import PublicAppLogo from "@/components/common/PublicAppLogo.vue"
 import ProfileMenu from "@/components/layout/ProfileMenu.vue"
 
 const { mobile } = useDisplay()

web/src/pages/HomePage.vue

@@ -1 +1 @@
-<template><div>HOME PAGE</div></template>
+<template><div></div></template>