Kieran/snort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix feed padding bottom

Browse Source
This commit is contained in:
Martti Malmi 2024-01-12 15:37:15 +02:00
parent 1cef1e0187
commit 2cadab20b4
3 changed files with 2 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/app/src/Components/Feed/TimelineRenderer.tsx
View File

@ -109,7 +109,7 @@ export function TimelineRenderer(props: TimelineRendererProps) {
}; };
return ( return (
<div ref={containerRef}> <div ref={containerRef} className="pb-[10vh]">
{props.latest.length > 0 && ( {props.latest.length > 0 && (
<> <>
<div className="card latest-notes" onClick={() => props.showLatest(false)} ref={ref}> <div className="card latest-notes" onClick={() => props.showLatest(false)} ref={ref}>

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="w-full max-w-screen-xl">
<div className="flex flex-row"> <div className="flex flex-row">
<NavSidebar /> <NavSidebar />
<div className="flex flex-1 flex-col pb-safe-area-plus w-full md:w-1/3"> <div className="flex flex-1 flex-col pb-safe-area w-full md:w-1/3">
{!shouldHideHeader && <Header />} {!shouldHideHeader && <Header />}
<ErrorBoundary> <ErrorBoundary>
<Outlet /> <Outlet />

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

@ -930,10 +930,6 @@ svg.repeat {
padding-bottom: env(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);
} }
.pb-safe-area-plus {
padding-bottom: calc(10vh + env(safe-area-inset-bottom));
}
.active > .icon-outline { .active > .icon-outline {
display: none; display: none;
} }