idolpx/meatloaf-config
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(AppPage): reposition Toaster to bottom-center for improved visibility

Browse Source
This commit is contained in:
Jaime Idolpx 2026-06-11 12:14:15 -04:00
parent 0900b83c95
commit e122392cf2
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/App.tsx
View File

@ -234,7 +234,7 @@ function AppPage({ title, onBack }: { title: string; onBack: () => void }) {
return ( return (
<WsProvider> <WsProvider>
<div className="size-full flex flex-col bg-neutral-50"> <div className="size-full flex flex-col bg-neutral-50">
<Toaster position="top-center" /> <Toaster position="bottom-center" offset="calc(4rem + env(safe-area-inset-bottom))" />
<header className="bg-[#4d4d4d] px-0 py-0 flex-shrink-0" style={{ paddingTop: 'env(safe-area-inset-top)' }}> <header className="bg-[#4d4d4d] px-0 py-0 flex-shrink-0" style={{ paddingTop: 'env(safe-area-inset-top)' }}>
<div className="flex items-stretch justify-between min-h-[56px]"> <div className="flex items-stretch justify-between min-h-[56px]">
<button onClick={() => setCurrentPage('status')} className="flex items-center h-full"> <button onClick={() => setCurrentPage('status')} className="flex items-center h-full">