fix(home): use icon instead of avatar due to border

GIP-RECIA · Aug 21, 2024 · 4566827 · 4566827
1 parent 32db02a
commit 4566827
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/main/webapp/src/components/drawers/information/InformationDrawer.vue b/src/main/webapp/src/components/drawers/information/InformationDrawer.vue
@@ -73,14 +73,14 @@ const onClose = (): void => {
       <v-toolbar :title="t(`navigation.title.${drawerTab}`)" color="rgba(255, 255, 255, 0)">
         <template #title v-if="file">
           <div class="d-flex align-center">
-            <v-avatar
+            <v-icon
               icon="fas fa-file"
               :image="
                 file.associatedApp.iconPath != null
                   ? `${VITE_API_URI}${VITE_API_URI.endsWith('/') ? '' : '/'}${file.associatedApp.iconPath}`
                   : undefined
               "
-              class="me-2"
+              class="text-medium-emphasis me-2"
             />
             <div class="overflow-hidden">
               <div class="text-body-1 font-weight-bold text-truncated">

diff --git a/src/main/webapp/src/components/layouts/FilesLayout.vue b/src/main/webapp/src/components/layouts/FilesLayout.vue
@@ -93,15 +93,16 @@ const sortBy = useSessionStorage<Array<any>>(`${__APP_SLUG__}.sort-by`, [{ key:
         :to="item.associatedApp.enabled || isDev ? { name: item.associatedApp.slug, params: { fileId: item.id } } : ''"
         class="d-flex align-center h-100 table-column-title"
       >
-        <v-avatar
+        <v-icon
           icon="fas fa-file"
           :image="
             item.associatedApp.iconPath != null
               ? `${VITE_API_URI}${VITE_API_URI.endsWith('/') ? '' : '/'}${item.associatedApp.iconPath}`
               : undefined
           "
+          class="text-medium-emphasis ms-2"
         />
-        <span class="text-truncated ms-2">{{ item.title }}</span>
+        <span class="text-truncated ms-4">{{ item.title }}</span>
       </router-link>
     </template>
     <template #item.editionDate="{ item }">