Add safe area inset to mobile top and bottom

ygyg70 · ygyg70 · commit cd6e2c588a6e · 2025-07-15T18:37:43.000-07:00
diff --git a/src/packages/Toaster.vue b/src/packages/Toaster.vue
@@ -892,11 +892,11 @@ html[dir='rtl'],
   }
 
   [data-sonner-toaster][data-y-position='bottom'] {
-    bottom: calc(var(--mobile-offset-bottom) + max(env(safe-area-inset-bottom), 0));
+    bottom: calc(var(--mobile-offset-bottom) + max(env(safe-area-inset-bottom), 0px));
   }
 
   [data-sonner-toaster][data-y-position='top'] {
-    top: calc(var(--mobile-offset-top) + max(env(safe-area-inset-top), 0));
+    top: calc(var(--mobile-offset-top) + max(env(safe-area-inset-top), 0px));
   }
 
   [data-sonner-toaster][data-x-position='center'] {

Original file line number	Diff line number	Diff line change
`@@ -892,11 +892,11 @@ html[dir='rtl'],`
`892`	`892`	`}`
`893`	`893`
`894`	`894`	`[data-sonner-toaster][data-y-position='bottom'] {`
`895`		`- bottom: calc(var(--mobile-offset-bottom) + max(env(safe-area-inset-bottom), 0));`
	`895`	`+ bottom: calc(var(--mobile-offset-bottom) + max(env(safe-area-inset-bottom), 0px));`
`896`	`896`	`}`
`897`	`897`
`898`	`898`	`[data-sonner-toaster][data-y-position='top'] {`
`899`		`- top: calc(var(--mobile-offset-top) + max(env(safe-area-inset-top), 0));`
	`899`	`+ top: calc(var(--mobile-offset-top) + max(env(safe-area-inset-top), 0px));`
`900`	`900`	`}`
`901`	`901`
`902`	`902`	`[data-sonner-toaster][data-x-position='center'] {`