UI upgrades

web/src/components/common/AppLogo.vue

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