fix(ui): correct toasts being in the wrong position on smaller screens

2025-12-29 17:16:18 +01:00 · 2021-04-26 01:29:36 +09:00
parent 11a5e8d95b
commit 2ecd9d7b13
2 changed files with 2 additions and 2 deletions
--- a/src/components/ToastContainer/index.tsx
+++ b/src/components/ToastContainer/index.tsx
@@ -8,7 +8,7 @@ const ToastContainer: React.FC<ToastContainerProps> = ({
  return (
    <div
      id="toast-container"
-      className="fixed max-w-full max-h-full overflow-hidden top-4 right-4"
+      className="box-border fixed right-0 max-w-full max-h-full px-4 overflow-hidden top-4"
      style={{
        pointerEvents: hasToasts ? 'all' : 'none',
        zIndex: 10000,