mmalmi/snort
1
0
Fork 0
forked from Kieran/snort
Code Pull Requests Activity

fix mobile footer sized padding

Browse Source
This commit is contained in:
Martti Malmi 2024-01-16 20:08:27 +02:00
parent 7184229da4
commit 718b7ac80b
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/app/src/Pages/Layout/index.tsx
View File

@ -61,7 +61,7 @@ export default function Index() {
<div className="w-full max-w-screen-xl">
<div className="flex flex-row">
<NavSidebar />
<div className="flex flex-1 flex-col pb-safe-area w-full md:w-1/3">
<div className="flex flex-1 flex-col pb-safe-area-plus-footer w-full md:w-1/3">
{!shouldHideHeader && <Header />}
<ErrorBoundary>
<Outlet />

6
packages/app/src/index.css
View File

@ -930,6 +930,12 @@ svg.repeat {
padding-bottom: env(safe-area-inset-bottom);
}
@media (max-width: 768px) {
.pb-safe-area-plus-footer {
padding-bottom: calc(env(safe-area-inset-bottom) + 56px);
}
}
.active > .icon-outline {
display: none;
}