chore(alert): make alert more responsive

heroui-inc · Oct 15, 2024 · 9567d16 · 9567d16
1 parent c9a3781
commit 9567d16
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/core/theme/src/components/alert.ts b/packages/core/theme/src/components/alert.ts
@@ -22,10 +22,10 @@ import {tv} from "../utils/tv";
  */
 const alert = tv({
   slots: {
-    base: ["flex flex-row w-[342px] h-17  p-3"],
+    base: ["flex flex-row w-[260px] sm:w-[342px] h-17  p-3"],
     title: ["text-medium font-normal block h-6"],
     description: ["text-small font-normal h-5"],
-    mainWrapper: ["w-[268px] h-11 ms-5 flex flex-col box-border items-start"],
+    mainWrapper: ["sm:w-[268px] w-[186px] h-11 ms-5 flex flex-col box-border items-start"],
     closeButton: ["w-6 h-6 cursor-pointer relative"],
     closeIcon: ["fill-current"],
   },