From e739a0e434ea122a974a49bc74aa27a419bf9186 Mon Sep 17 00:00:00 2001
From: Santo Cariotti <santo@dcariotti.me>
Date: Mon, 26 Sep 2022 15:28:11 +0200
Subject: Fix responsive for user page

---
 components/ModelLoading.vue | 2 +-
 components/UserAvatar.vue   | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

(limited to 'components')

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 
     )
-- 
cgit v1.2.3-18-g5258