snlavaise/administracionHospital
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Move toast notifications to top-center on mobile to prevent cut-offs at bottom

Browse Source
This commit is contained in:
snlavaise
2026-08-12 04:25:56 +00:00
parent f089b7368f
commit 12c522cec3
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ui/sonner.tsx
+1 -1
View File
@@ -22,7 +22,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
return () => window.removeEventListener("resize", checkMobile) return () => window.removeEventListener("resize", checkMobile)
}, []) }, [])
const effectivePosition = isMobile ? "bottom-center" : (props.position || "top-right") const effectivePosition = isMobile ? "top-center" : (props.position || "top-right")
return ( return (
<Sonner <Sonner
src/index.css
+2 -2
View File
@@ -98,8 +98,8 @@
@media (max-width: 639px) { @media (max-width: 639px) {
[data-sonner-toaster] { [data-sonner-toaster] {
bottom: 20px !important; top: 16px !important;
top: auto !important; bottom: auto !important;
left: 50% !important; left: 50% !important;
transform: translateX(-50%) !important; transform: translateX(-50%) !important;
width: calc(100% - 32px) !important; width: calc(100% - 32px) !important;