fix: NavUser avatar height on small screens

zio/stable
patak 2022-12-31 13:26:52 +01:00
parent 4713db9adc
commit 17fecebcae
3 changed files with 8 additions and 3 deletions

View File

@ -14,8 +14,8 @@ defineProps<{
pt="[env(safe-area-inset-top,0)]"
border="b base" bg="[rgba(var(--c-bg-base-rgb),0.7)]"
>
<div flex justify-between px5 py4>
<div flex gap-3 items-center overflow-hidden>
<div flex justify-between px5 py2>
<div flex gap-3 items-center overflow-hidden py2>
<NuxtLink
v-if="backOnSmallScreen || back" flex="~ gap1" items-center btn-text p-0
:class="{ 'lg:hidden': backOnSmallScreen }"
@ -32,6 +32,7 @@ defineProps<{
<slot name="actions" />
<PwaBadge lg:hidden />
<NavUser v-if="isMastoInitialised" />
<NavUserSkeleton v-else />
</div>
</div>
<slot name="header" />

View File

@ -4,7 +4,8 @@
<AccountAvatar
ref="avatar"
:account="currentUser.account"
h="2em"
h-8
w-8
:draggable="false"
/>
</div>

View File

@ -0,0 +1,3 @@
<template>
<div bg-base h-8 w-8 rounded-full />
</template>