teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

fix: NavUser avatar height on small screens

Browse source
This commit is contained in:
patak 2022-12-31 13:26:52 +01:00
parent 4713db9adc
commit 17fecebcae
3 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
components/main/MainContent.vue
View file

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

3
components/nav/NavUser.vue
View file

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

3
components/nav/NavUserSkeleton.vue Normal file
View file

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