mirror/elk
1
0
Fork 0
mirror of https://github.com/elk-zone/elk synced 2024-11-27 14:28:10 +09:00
Code

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 flex items-center flex-shrink-0 gap-x-2>
<slot name="actions" />
<NavUser v-if="isHydrated" sm:hidden />
<NavUser v-if="isHydrated" />
</div>
</div>
<slot name="header" />

4
components/nav/NavUser.vue
View File

@ -1,5 +1,5 @@
<template>
<VDropdown v-if="isMastoInitialised && currentUser">
<VDropdown v-if="isMastoInitialised && currentUser" sm:hidden>
<div style="-webkit-touch-callout: none;">
<AccountAvatar
ref="avatar"
@ -13,7 +13,7 @@
<UserSwitcher ref="switcher" @click="hide()" />
</template>
</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') }}
</button>
</template>

2
components/user/UserSignInEntry.vue
View File

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

2
layouts/default.vue
View File

@ -14,7 +14,7 @@
<PublishButton v-if="isMastoInitialised && currentUser" m5 />
</div>
<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>
<NuxtLink
v-if="!isMediumScreen"