forked from tangled.org/core
this repo has no description

appview: profile: improve profile-card layout on mobile

Changed files
+22 -17
appview
pages
templates
+4
appview/pages/templates/repo/tags.html
···
{{ end }}
</div>
</div>
+
{{ else }}
+
<p class="text-center text-gray-400 dark:text-gray-500 p-4">
+
This repository does not contain any tags.
+
</p>
{{ end }}
</div>
</section>
+18 -17
appview/pages/templates/user/profile.html
···
{{ end }}
{{ define "profileCard" }}
-
<div class="bg-white dark:bg-gray-800 px-6 py-4 rounded drop-shadow-sm max-h-fit">
-
<div class="flex justify-center items-center">
-
{{ if .AvatarUri }}
-
<img class="w-3/4 rounded-full p-2" src="{{ .AvatarUri }}" />
-
{{ end }}
-
</div>
+
<div class="bg-white dark:bg-gray-800 px-6 py-4 rounded drop-shadow-sm max-h-fit">
+
<div class="grid grid-cols-3 md:grid-cols-1 gap-3 items-center">
+
<div id="avatar" class="col-span-1 md-col-span-full flex justify-center items-center">
+
{{ if .AvatarUri }}
+
<img class="w-3/4 rounded-full p-2" src="{{ .AvatarUri }}" />
+
{{ end }}
+
</div>
+
<div id="text" class="col-span-2 md:col-span-full">
<p
-
title="{{ didOrHandle .UserDid .UserHandle }}"
-
class="text-lg font-bold text-center dark:text-white overflow-hidden text-ellipsis whitespace-nowrap max-w-full"
-
>
-
{{ didOrHandle .UserDid .UserHandle }}
+
title="{{ didOrHandle .UserDid .UserHandle }}"
+
class="text-lg font-bold md:text-center dark:text-white overflow-hidden text-ellipsis whitespace-nowrap max-w-full">
+
{{ didOrHandle .UserDid .UserHandle }}
</p>
-
<div class="text-sm text-center dark:text-gray-300">
-
<span>{{ .ProfileStats.Followers }} followers</span>
-
<div
-
class="inline-block px-1 select-none after:content-['·']"
-
></div>
-
<span>{{ .ProfileStats.Following }} following</span>
+
<div class="text-sm md:text-center dark:text-gray-300">
+
<span id="followers">{{ .ProfileStats.Followers }} followers</span>
+
<span class="px-1 select-none after:content-['·']"></span>
+
<span id="following">{{ .ProfileStats.Following }} following</span>
</div>
{{ if ne .FollowStatus.String "IsSelf" }}
-
{{ template "user/fragments/follow" . }}
+
{{ template "user/fragments/follow" . }}
{{ end }}
+
</div>
</div>
+
</div>
{{ end }}
{{ define "ownRepos" }}