ui: fix left aside some buttons width (#588)

This commit is contained in:
Chris 2022-12-28 15:00:49 +08:00 committed by GitHub
parent f4de4d3e3b
commit 107ac8a6b9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 31 additions and 10 deletions

View file

@ -8,13 +8,13 @@ const wideLayout = computed(() => route.meta.wideLayout ?? false)
<div h-full :class="{ zen: isZenMode }">
<main flex w-full mxa lg:max-w-80rem>
<aside class="hidden sm:flex w-1/8 md:w-1/6 justify-end lg:w-1/4 zen-hide" relative>
<div sticky top-0 w-20 lg:w-100 h-screen flex="~ col">
<div sticky top-0 w-20 lg:w-100 h-screen flex="~ col" lt-lg-items-center>
<slot name="left">
<NavTitle mx3 mt4 mb2 self-start />
<div flex="~ col" overflow-y-auto justify-between h-full>
<NavTitle mt4 mb2 lg:mx-3 />
<div flex="~ col" overflow-y-auto justify-between h-full max-w-full>
<div flex flex-col>
<NavSide />
<PublishButton m5 />
<PublishButton m="y5 xa" lg:m="x5 l3" />
</div>
<div v-if="isMastoInitialised" flex flex-col>
<UserSignInEntry v-if="!currentUser" sm:hidden />