···
{{ define "profileCard" }}
229
-
<div class="bg-white dark:bg-gray-800 px-6 py-4 rounded drop-shadow-sm max-h-fit">
230
-
<div class="flex justify-center items-center">
231
-
{{ if .AvatarUri }}
232
-
<img class="w-3/4 rounded-full p-2" src="{{ .AvatarUri }}" />
229
+
<div class="bg-white dark:bg-gray-800 px-6 py-4 rounded drop-shadow-sm max-h-fit">
230
+
<div class="grid grid-cols-3 md:grid-cols-1 gap-3 items-center">
231
+
<div id="avatar" class="col-span-1 md-col-span-full flex justify-center items-center">
232
+
{{ if .AvatarUri }}
233
+
<img class="w-3/4 rounded-full p-2" src="{{ .AvatarUri }}" />
236
+
<div id="text" class="col-span-2 md:col-span-full">
236
-
title="{{ didOrHandle .UserDid .UserHandle }}"
237
-
class="text-lg font-bold text-center dark:text-white overflow-hidden text-ellipsis whitespace-nowrap max-w-full"
239
-
{{ didOrHandle .UserDid .UserHandle }}
238
+
title="{{ didOrHandle .UserDid .UserHandle }}"
239
+
class="text-lg font-bold md:text-center dark:text-white overflow-hidden text-ellipsis whitespace-nowrap max-w-full">
240
+
{{ didOrHandle .UserDid .UserHandle }}
241
-
<div class="text-sm text-center dark:text-gray-300">
242
-
<span>{{ .ProfileStats.Followers }} followers</span>
244
-
class="inline-block px-1 select-none after:content-['·']"
246
-
<span>{{ .ProfileStats.Following }} following</span>
242
+
<div class="text-sm md:text-center dark:text-gray-300">
243
+
<span id="followers">{{ .ProfileStats.Followers }} followers</span>
244
+
<span class="px-1 select-none after:content-['·']"></span>
245
+
<span id="following">{{ .ProfileStats.Following }} following</span>
{{ if ne .FollowStatus.String "IsSelf" }}
250
-
{{ template "user/fragments/follow" . }}
249
+
{{ template "user/fragments/follow" . }}