Kieran
/
snort
5
14
Fork 14
Code Issues 53 Pull Requests 1 Packages Projects Releases 24 Wiki Activity

fix mobile footer sized padding
continuous-integration/drone/push Build is failing Details

This commit is contained in:
Martti Malmi 2024-01-16 20:08:27 +02:00
parent aa430de168
commit 3c808688f8
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;
}