Ver código fonte

avatar et size event list image

Vincent 3 meses atrás
pai
commit
a0eb64d6c4
2 arquivos alterados com 12 adições e 7 exclusões
  1. 6 6
      components/Layout/Header/Menu.vue
  2. 6 1
      components/Ui/EventList.vue

+ 6 - 6
components/Layout/Header/Menu.vue

@@ -10,13 +10,12 @@ header principal (configuration, paramètres du compte...)
         v-if="menu.icon.avatarId || menu.icon.avatarByDefault"
         size="30"
       >
-        <!-- remplacera l'UiImage en dessous lorsque la gestion des images avec liip sera OK
-         <UiImage
-          :imageId="menu.icon.avatarId"
-          :defaultImage="menu.icon.avatarByDefault"
+        <UiImage
+          :image-id="menu.icon.avatarId"
+          :size="IMAGE_SIZE.SM"
+          :default-image="menu.icon.avatarByDefault"
           :width="30"
-        /> -->
-        <UiImage :default-image="menu.icon.avatarByDefault" :width="30" />
+        />
       </v-avatar>
 
       <v-icon v-else :icon="menu.icon.name" class="on-primary" />
@@ -94,6 +93,7 @@ header principal (configuration, paramètres du compte...)
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import { useMenu } from '~/composables/layout/useMenu'
+import {IMAGE_SIZE} from "~/types/enum/enums";
 
 const props = defineProps({
   name: {

+ 6 - 1
components/Ui/EventList.vue

@@ -4,7 +4,11 @@
       <v-list-item v-for="event in events" :key="event.id" class="event-item">
         <template #prepend>
           <v-avatar color="grey-lighten-1">
-            <UiImage :image-id="event.image" :width="50" />
+            <UiImage
+              :image-id="event.image"
+              :width="50"
+              :size="IMAGE_SIZE.SM"
+            />
           </v-avatar>
         </template>
 
@@ -89,6 +93,7 @@ import type { Collection } from 'pinia-orm'
 import type Event from '~/models/Freemium/Event'
 import type { Pagination } from '~/types/data'
 import { useDate } from 'vuetify'
+import {IMAGE_SIZE} from "~/types/enum/enums";
 
 const props = defineProps<{
   events: Collection<Event>