fix: commit link design

jellyfin · Feb 8, 2023 · e549fef · e549fef
1 parent 5e8014c
commit e549fef
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 11 deletions.
diff --git a/frontend/src/components/Layout/Navigation/CommitLink.vue b/frontend/src/components/Layout/Navigation/CommitLink.vue
@@ -1,22 +1,16 @@
 <template>
   <v-list-item
     v-if="commit"
+    :title="'#' + commit.slice(0, 7)"
+    :prepend-icon="IMdiGithub"
     :href="url"
     target="_blank"
-    rel="noopener noreferrer">
-    <v-list-item-action>
-      <v-icon>
-        <i-mdi-github />
-      </v-icon>
-    </v-list-item-action>
-    <v-list-item-title>
-      {{ '#' + commit.slice(0, 7) }}
-    </v-list-item-title>
-  </v-list-item>
+    rel="noopener noreferrer" />
 </template>
 
 <script setup lang="ts">
 import { computed } from 'vue';
+import IMdiGithub from 'virtual:icons/mdi/github';
 
 const commit = __COMMIT_HASH__;
 

diff --git a/frontend/src/components/Layout/Navigation/NavigationDrawer.vue b/frontend/src/components/Layout/Navigation/NavigationDrawer.vue
@@ -27,7 +27,9 @@
         :title="library.title" />
     </v-list>
     <template #append>
-      <commit-link />
+      <v-list nav>
+        <commit-link />
+      </v-list>
     </template>
   </v-navigation-drawer>
 </template>