fix: optimize toasts for mobile (#1392)

2022-08-12 01:07:23 +05:30
parent a7dfeae650
commit 40d9392599
4 changed files with 19 additions and 30 deletions
--- a/packages/toast/src/ToastContainer.tsx
+++ b/packages/toast/src/ToastContainer.tsx
@@ -11,7 +11,7 @@ export const ToastContainer: FunctionComponent = () => {
  }

  return (
-    <div className="z-toast fixed bottom-6 right-6 flex flex-col items-end">
+    <div className="z-toast fixed bottom-6 right-6 flex w-[calc(100%-3rem)] flex-col items-end md:w-auto">
      {toasts.map((toast, index) => (
        <ToastTimer toast={toast} index={index} key={toast.id} />
      ))}