mirror/Compass
1
0
Fork 0
mirror of https://github.com/CompassConnections/Compass.git synced 2026-04-04 14:53:33 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fix layout

Browse Source
This commit is contained in:
MartinBraquet
2025-11-02 22:07:56 +01:00
parent 3dc50a384e
commit 9db4937e54
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/components/nav/sidebar.tsx
View File

@@ -32,7 +32,7 @@ export default function Sidebar(props: {
<nav
aria-label="Sidebar"
className={clsx(
'flex h-screen flex-col h-full max-h-screen overflow-y-auto mb-[calc(env(safe-area-inset-bottom))] mt-[calc(env(safe-area-inset-top))]',
'flex h-screen flex-col h-full max-h-screen overflow-y-auto safe-bottom mt-[calc(env(safe-area-inset-top))]',
className
)}
>
@@ -56,7 +56,7 @@ export default function Sidebar(props: {
</Button>
)}
</div>
<div className="mb-6 mt-auto flex flex-col gap-1">
<div className="mb-[calc(24px+env(safe-area-inset-bottom))] mt-auto flex flex-col gap-1">
{bottomNavOptions.map((item) => (
<SidebarItem key={item.name} item={item} currentPage={currentPage}/>
))}

2
web/pages/messages/[channelId].tsx
View File

@@ -294,7 +294,7 @@ export const PrivateChat = (props: {
</Modal>
)}
</Row>
<Col className="relative h-[calc(100dvh-213px)] lg:h-[calc(100dvh-184px)] xl:px-0">
<Col className="relative h-[calc(100dvh-213px-env(safe-area-inset-bottom))] lg:h-[calc(100dvh-184px)] xl:px-0">
<div
ref={outerDiv}
className="relative h-full overflow-y-auto"