appview/pages: hide profile-card from non-overview pages on mobile #570

merged
opened by oppi.li targeting master from push-pzrysszkwwtk

on medium and above:

  • show profile card on all profile pages

on mobile:

  • show profile card on overview page
  • hide profile card on all other profile pages

Signed-off-by: oppiliappan me@oppi.li

Changed files
+7 -2
appview
pages
templates
+7 -2
appview/pages/templates/layouts/profilebase.html
··· 9 9 10 10 {{ define "content" }} 11 11 {{ template "profileTabs" . }} 12 - <section class="bg-white dark:bg-gray-800 p-6 rounded w-full dark:text-white drop-shadow-sm"> 12 + <section class="bg-white dark:bg-gray-800 px-2 py-6 md:p-6 rounded w-full dark:text-white drop-shadow-sm"> 13 13 <div class="grid grid-cols-1 md:grid-cols-11 gap-4"> 14 - <div class="md:col-span-3 order-1 md:order-1"> 14 + {{ $style := "hidden md:block md:col-span-3" }} 15 + {{ if eq $.Active "overview" }} 16 + {{ $style = "md:col-span-3" }} 17 + {{ end }} 18 + <div class="{{ $style }} order-1 order-1"> 15 19 <div class="flex flex-col gap-4"> 16 20 {{ template "user/fragments/profileCard" .Card }} 17 21 {{ block "punchcard" .Card.Punchcard }} {{ end }} 18 22 </div> 19 23 </div> 24 + 20 25 {{ block "profileContent" . }} {{ end }} 21 26 </div> 22 27 </section>