summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--components/ModelLoading.vue2
-rw-r--r--components/UserAvatar.vue4
-rw-r--r--pages/user/_id.vue4
3 files changed, 5 insertions, 5 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
)
diff --git a/pages/user/_id.vue b/pages/user/_id.vue
index be282af..d01fa96 100644
--- a/pages/user/_id.vue
+++ b/pages/user/_id.vue
@@ -1,8 +1,8 @@
<template lang="pug">
.mx-auto.w-90p.py-6#modelpage(class="sm:px-6 lg:px-8 md:max-w-7xl")
- .flex.mb-10(v-if="user.username")
+ .grid.mb-10.justify-items-center.text-center(class="sm:flex" v-if="user.username")
user-avatar(:data="user" big="1")
- .grid.pl-7
+ .grid.p-0(class="sm:pl-7")
h1.text-2xl.font-bold.self-end.flex(:title="user.username+' is an admin'") {{ user.name }}
svg(v-if="user.is_staff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#dc2626" class="ml-2 mt-1 w-6 h-6")
path(fill-rule="evenodd" d="M12.516 2.17a.75.75 0 00-1.032 0 11.209 11.209 0 01-7.877 3.08.75.75 0 00-.722.515A12.74 12.74 0 002.25 9.75c0 5.942 4.064 10.933 9.563 12.348a.749.749 0 00.374 0c5.499-1.415 9.563-6.406 9.563-12.348 0-1.39-.223-2.73-.635-3.985a.75.75 0 00-.722-.516l-.143.001c-2.996 0-5.717-1.17-7.734-3.08zm3.094 8.016a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z" clip-rule="evenodd")