feat: a11y account info (#98)
Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>
This commit is contained in:
parent
49b63aa3b2
commit
f5ca6c22a4
3 changed files with 7 additions and 6 deletions
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<div h-full :class="{ zen: isZenMode }">
|
||||
<main flex w-full mxa lg:max-w-80rem>
|
||||
<div class="hidden md:block w-1/4 zen-hide" relative>
|
||||
<aside class="hidden md:block w-1/4 zen-hide" relative>
|
||||
<div sticky top-0 h-screen flex="~ col">
|
||||
<slot name="left">
|
||||
<NavTitle mx3 mt4 mb2 self-start />
|
||||
|
@ -12,18 +12,17 @@
|
|||
</div>
|
||||
</slot>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<NavBottom md:hidden />
|
||||
<div class="w-full mb14 md:(w-2/4 mb0) min-h-screen" border="l r base">
|
||||
<slot />
|
||||
</div>
|
||||
<div class="hidden md:block w-1/4 zen-hide">
|
||||
<aside class="hidden md:block w-1/4 zen-hide">
|
||||
<div sticky top-0 h-screen flex="~ col">
|
||||
<slot name="right">
|
||||
<UserSignInEntry v-if="!currentUser" />
|
||||
<AccountInfo
|
||||
v-if="currentUser"
|
||||
tabindex="0"
|
||||
m5 p2 rounded-full
|
||||
hover:bg-active cursor-pointer transition-100
|
||||
:account="currentUser.account"
|
||||
|
@ -36,7 +35,7 @@
|
|||
<NavFooter />
|
||||
</slot>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</main>
|
||||
<ModalContainer />
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue