From 9567d16de068916e4432fb9209d956bddbec607b Mon Sep 17 00:00:00 2001 From: Abhinav Agarwal Date: Tue, 15 Oct 2024 20:32:16 +0530 Subject: [PATCH] chore(alert): make alert more responsive --- packages/core/theme/src/components/alert.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/core/theme/src/components/alert.ts b/packages/core/theme/src/components/alert.ts index 4cb938c5eb..656992b824 100644 --- 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"], },