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

fix: responsive sign in after icon-only sidebar

Browse source
This commit is contained in:
patak 2022-12-21 15:10:37 +01:00
parent ee9627108c
commit f542011b55
4 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/main/MainContent.vue
View file

@ -22,7 +22,7 @@ defineProps<{
</div> </div>
<div flex items-center flex-shrink-0 gap-x-2> <div flex items-center flex-shrink-0 gap-x-2>
<slot name="actions" /> <slot name="actions" />
<NavUser v-if="isHydrated" sm:hidden /> <NavUser v-if="isHydrated" />
</div> </div>
</div> </div>
<slot name="header" /> <slot name="header" />

4
components/nav/NavUser.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<VDropdown v-if="isMastoInitialised && currentUser"> <VDropdown v-if="isMastoInitialised && currentUser" sm:hidden>
<div style="-webkit-touch-callout: none;"> <div style="-webkit-touch-callout: none;">
<AccountAvatar <AccountAvatar
ref="avatar" ref="avatar"
@ -13,7 +13,7 @@
<UserSwitcher ref="switcher" @click="hide()" /> <UserSwitcher ref="switcher" @click="hide()" />
</template> </template>
</VDropdown> </VDropdown>
<button v-else btn-solid text-sm px-2 py-1 text-center @click="openSigninDialog()"> <button v-else btn-solid text-sm px-2 py-1 text-center lg:hidden @click="openSigninDialog()">
{{ $t('action.sign_in') }} {{ $t('action.sign_in') }}
</button> </button>
</template> </template>

2
components/user/UserSignInEntry.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div p8 flex="~ col gap4"> <div p8 flex="~ col gap4" hidden lg:block>
<p v-if="isMastoInitialised" text-sm> <p v-if="isMastoInitialised" text-sm>
Viewing <strong>{{ currentServer }}</strong> public data Viewing <strong>{{ currentServer }}</strong> public data
</p> </p>

2
layouts/default.vue
View file

@ -14,7 +14,7 @@
<PublishButton v-if="isMastoInitialised && currentUser" m5 /> <PublishButton v-if="isMastoInitialised && currentUser" m5 />
</div> </div>
<div flex flex-col> <div flex flex-col>
<UserSignInEntry v-if="isMastoInitialised && !currentUser" /> <UserSignInEntry v-if="isMastoInitialised && !currentUser && !isSmallScreen && !isMediumScreen" />
<div v-if="isMastoInitialised && currentUser" p6 pb8 w-full flex="~" items-center justify-between> <div v-if="isMastoInitialised && currentUser" p6 pb8 w-full flex="~" items-center justify-between>
<NuxtLink <NuxtLink
v-if="!isMediumScreen" v-if="!isMediumScreen"