mirror/Compass
1
0
Fork 0
mirror of https://github.com/CompassConnections/Compass.git synced 2026-03-25 01:51:37 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fix mobile padding

Browse Source
This commit is contained in:
MartinBraquet
2026-02-28 02:00:04 +01:00
parent 8b283cc5ce
commit 84da8b7ad3
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/filters/filters.tsx
View File

@@ -222,7 +222,7 @@ function Filters(props: {
const [noMinAge, noMaxAge] = getNoMinMaxAge(filters.pref_age_min, filters.pref_age_max)
return (
<Col className="mb-[calc(var(filter-offset)+env(safe-area-inset-bottom))] mt-[calc(var(filter-offset)+env(safe-area-inset-top))] pt-3">
<Col className="mb-[calc(var(filter-offset)+env(safe-area-inset-bottom))] mt-[calc(var(--filter-offset)+env(safe-area-inset-top))] pt-3 pb-1">
<SelectedFiltersSummary
filters={filters}
locationFilterProps={locationFilterProps}

8
web/styles/globals.css
View File

@@ -8,13 +8,13 @@
--bnh: env(safe-area-inset-bottom); /* native bottom nav height */
--tnh: env(safe-area-inset-top); /* native top nav height */
--hloss: calc(var(--bnh) + var(--tnh)); /* mobile height loss due to native top and bottom bars */
--filter-offset: 20px; /* padding for filters on mobile */
--filter-offset: 0px; /* padding for filters on mobile */
touch-action: pan-y;
}
/*@media (width < 600px) {*/
/* --filter-offset: 0px;*/
/*}*/
@media (width < 600px) {
--filter-offset: 20px;
}
.safe-top {
/*padding-top: calc(20px);*/