nikdoof/leggen
1
1
Fork 0
mirror of https://github.com/elisiariocouto/leggen.git synced 2025-12-14 21:22:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(frontend): Apply iOS safe area insets to body element instead of individual components.

Browse Source 
Co-authored-by: elisiariocouto <818914+elisiariocouto@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
2025-10-06 00:20:19 +00:00
committed by Elisiário Couto
parent 9fee74e2a9
commit d2bc179d59
3 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/AppSidebar.tsx
View File

@@ -61,7 +61,7 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
}; };
return ( return (
<Sidebar collapsible="icon" className="pt-safe-top pl-safe-left" {...props}> <Sidebar collapsible="icon" {...props}>
<SidebarHeader> <SidebarHeader>
<SidebarMenu> <SidebarMenu>
<SidebarMenuItem> <SidebarMenuItem>

2
frontend/src/components/SiteHeader.tsx
View File

@@ -31,7 +31,7 @@ export function SiteHeader() {
}); });
return ( return (
<header className="flex h-16 shrink-0 items-center gap-2 border-b transition-[width,height] ease-linear pt-safe-top"> <header className="flex h-16 shrink-0 items-center gap-2 border-b transition-[width,height] ease-linear">
<div className="flex w-full items-center gap-1 px-4 lg:gap-2 lg:px-6"> <div className="flex w-full items-center gap-1 px-4 lg:gap-2 lg:px-6">
<SidebarTrigger className="-ml-1" /> <SidebarTrigger className="-ml-1" />
<Separator <Separator

4
frontend/src/index.css
View File

@@ -86,5 +86,9 @@
} }
body { body {
@apply bg-background text-foreground; @apply bg-background text-foreground;
padding-top: var(--safe-area-inset-top);
padding-bottom: var(--safe-area-inset-bottom);
padding-left: var(--safe-area-inset-left);
padding-right: var(--safe-area-inset-right);
} }
} }