fix mobile footer sized padding
Some checks failed
continuous-integration/drone/push Build is failing
Some checks failed
continuous-integration/drone/push Build is failing
This commit is contained in:
parent
aa430de168
commit
3c808688f8
@ -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 />
|
||||
|
@ -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;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user