show version

src/components/sidebar/AppSidebar.vue

@@ -2,13 +2,14 @@
 import { browserIconSrc, configurationIconSrc } from "../../utils/icons";
 import type { AppPage, BrowserView } from "../../types/browser";
 
-defineProps<{
+const props = defineProps<{
   browsers: BrowserView[];
   currentBrowserId: string | null;
   page: AppPage;
   loading: boolean;
   configsLoading: boolean;
   browserMonogram: (browserId: string) => string;
+  appVersion: string;
 }>();
 
 const emit = defineEmits<{
@@ -78,6 +79,7 @@ const emit = defineEmits<{
       <div class="browser-nav-body">
         <strong>配置</strong>
       </div>
+      <span class="utility-version" :title="`版本 ${props.appVersion}`">v{{ props.appVersion }}</span>
     </button>
   </aside>
 </template>
@@ -255,6 +257,8 @@ const emit = defineEmits<{
 
 .sidebar-utility-nav {
   margin-top: auto;
+  position: relative;
+  padding-right: 70px;
 }
 
 .browser-nav-body {
@@ -268,6 +272,18 @@ const emit = defineEmits<{
   line-height: 1.25;
 }
 
+.utility-version {
+  position: absolute;
+  right: 12px;
+  top: 50%;
+  transform: translateY(-50%);
+  color: rgba(82, 98, 119, 0.7);
+  font-size: 0.72rem;
+  font-weight: 500;
+  letter-spacing: 0.01em;
+  pointer-events: none;
+}
+
 .sidebar-empty {
   padding: 14px;
   border-radius: 14px;