diff options
Diffstat (limited to 'components')
-rw-r--r-- | components/ModelLoading.vue | 2 | ||||
-rw-r--r-- | components/UserAvatar.vue | 4 |
2 files changed, 3 insertions, 3 deletions
diff --git a/components/ModelLoading.vue b/components/ModelLoading.vue index 3ce43e7..0c02ead 100644 --- a/components/ModelLoading.vue +++ b/components/ModelLoading.vue @@ -1,5 +1,5 @@ <template lang="pug"> - .grid.grid-cols-4.gap-4 + .grid.gap-4(class="sm:grid-cols-4") .model.shadow-xl.rounded-lg.bg-white.p-4.w-full.h-80.animate-pulse .image.bg-green-100.rounded-xl.w-full.h-48 .space-y-3.mt-5 diff --git a/components/UserAvatar.vue b/components/UserAvatar.vue index 53ad37d..b328d77 100644 --- a/components/UserAvatar.vue +++ b/components/UserAvatar.vue @@ -1,11 +1,11 @@ <template lang="pug"> div(v-if="data") img.h-8.w-8.rounded-full( - :class="{'h-48 w-48': big}" + :class="{'h-32 w-32 sm:h-48 sm:w-48': big}" v-if="data.avatar" :src="baseAPI+''+data.avatar" alt="Avatar" ) img.h-8.w-8.rounded-full( - :class="{'h-48 w-48': big}" + :class="{'h-32 w-32 sm:h-48 sm:w-48': big}" :src="'https://ui-avatars.com/api/?size='+(big?192:32)+'&name='+(data.name || data.username[0])" v-else ) |