mirror/Compass
1
0
Fork 0
mirror of https://github.com/CompassConnections/Compass.git synced 2026-05-11 16:49:28 -04:00
Code Issues Packages Projects Releases Wiki Activity

Improve margins for mobile

Browse Source
This commit is contained in:
MartinBraquet
2025-11-02 21:29:51 +01:00
parent 2241e3c7d3
commit 9a84a67555
2 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
web/components/filters/mobile-filters.tsx
View File

@@ -59,14 +59,14 @@ function MobileFilters(props: {
)
return (
<Col className="mb-4">
<div
// className="fixed inset-x-0 bg-canvas-50"
style={{
// bottom: 0,
height: 'env(safe-area-inset-top)',
}}
/>
<Col className="mb-[calc(20px+env(safe-area-inset-bottom))] mt-[calc(20px+env(safe-area-inset-top))]">
{/*<div*/}
{/* // className="fixed inset-x-0 bg-canvas-50"*/}
{/* style={{*/}
{/* // bottom: 0,*/}
{/* height: 'env(safe-area-inset-top)',*/}
{/* }}*/}
{/*/>*/}
<Row>
<Col className="p-4 pb-2">
<MyMatchesToggle

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

@@ -31,7 +31,10 @@ export default function Sidebar(props: {
return (
<nav
aria-label="Sidebar"
className={clsx('flex h-screen flex-col h-full max-h-screen overflow-y-auto', className)}
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))]',
className
)}
>
<SiteLogo/>