src-advisory/SRCmail
3
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: respect safe-area insets on mobile bottom bars

Browse Source
This commit is contained in:
Timo Streule
2026-05-15 23:50:29 +02:00
committed by Linus Rath
parent c45ef86924
commit c54cf73c3a
4 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/email/email-composer.tsx
+1 -1
View File
@@ -1793,7 +1793,7 @@ export function EmailComposer({
)}
{/* Bottom toolbar */}
<div className="flex items-center justify-between px-4 py-2.5 border-t bg-background shrink-0">
<div className="flex items-center justify-between px-4 py-2.5 border-t bg-background shrink-0 pb-[calc(env(safe-area-inset-bottom)/2)]">
{/* Left side actions */}
<div className="flex items-center gap-1">
<input
components/email/email-viewer.tsx
+2 -2
View File
@@ -5283,7 +5283,7 @@ export function EmailViewer({
{/* Mobile bottom action bar */}
{isMobile && (
<nav className="fixed bottom-0 left-0 right-0 z-[50] bg-background border-t border-border sm:hidden overflow-hidden">
<nav className="fixed bottom-0 left-0 right-0 z-50 bg-background border-t border-border sm:hidden overflow-hidden pb-[calc(env(safe-area-inset-bottom)/2)]">
<div className="flex items-center overflow-x-auto mobile-scroll-hidden">
<button
onClick={onNavigatePrev}
@@ -5433,4 +5433,4 @@ export function EmailViewer({
</div>
);
}
}