vignesh/trypost
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui): align the mobile sidebar trigger with the header buttons

Browse source 
Move the floating hamburger from left-2/top-2 to left-4/top-3 so it lines up
with the header's content padding (and the calendar's nav buttons); bump the
non-header page top reserve to pt-14 to clear the taller trigger.
This commit is contained in:
Paulo Castellano 2026-07-18 08:59:55 -03:00
parent 13e5bdb761
commit fd557fe559
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
resources/js/layouts/app/AppSidebarLayout.vue
View file

@ -52,7 +52,7 @@ onBeforeUnmount(() => {
</AppHeader>
<SidebarTrigger
v-else
class="absolute left-2 top-2 z-30 size-10 rounded-md border-2 border-foreground bg-card text-foreground shadow-2xs md:hidden"
class="absolute left-4 top-3 z-30 size-10 rounded-md border-2 border-foreground bg-card text-foreground shadow-2xs md:hidden"
/>
<div
:class="
@ -67,7 +67,7 @@ onBeforeUnmount(() => {
? 'flex min-h-0 flex-1 flex-col'
: 'mx-auto w-full max-w-7xl',
!fullWidth && !$slots['header'] && !$slots['header-actions']
? 'pt-12 md:pt-0'
? 'pt-14 md:pt-0'
: '',
]"
>