Show cloudron name in tooltip when sidebar is collapsed

dashboard/src/components/SideBar.vue

@@ -1,6 +1,6 @@
 <script setup>
 
-import { ref, useTemplateRef, onMounted } from 'vue';
+import { ref, useTemplateRef, onMounted, inject } from 'vue';
 import { onSwipe } from '@cloudron/pankow/gestures.js';
 import SideBarItem from './SideBarItem.vue';
 
@@ -18,6 +18,7 @@ defineProps({
   }
 });
 
+const isMobile = inject('isMobile');
 const sideBar = useTemplateRef('sideBar');
 const isVisible = ref(false);
 const isCollapsed = ref(!!window.localStorage['sideBarCollapsed']);
@@ -52,7 +53,7 @@ onMounted(() => {
     </Transition>
     <div class="sidebar-inner">
       <a href="#/" class="sidebar-logo" @click="close()">
-        <img :src="cloudronAvatarUrl" :alt="cloudronName + ' icon'"/> {{ cloudronName }}
+        <img :src="cloudronAvatarUrl" :alt="cloudronName + ' icon'" v-tooltip.right="isCollapsed && !isMobile ? cloudronName : null"/> {{ cloudronName }}
       </a>
       <div class="sidebar-list">
         <SideBarItem v-for="item in items" :key="item"