feat: implement responsive expansion for Toaster component
This commit is contained in:
parent
98f2395ff2
commit
b3ee77f9a8
3 changed files with 20 additions and 4 deletions
|
@ -106,8 +106,7 @@ export const ToastInner: React.FC<ToastInnerProps> = ({
|
|||
const Icon = Icons[iconKey] as React.ComponentType<Icons.LucideProps>;
|
||||
|
||||
return (
|
||||
// TODO: optimize Toaster for mobile
|
||||
<div className={`relative w-120 rounded p-4 ${bgColor} select-none`}>
|
||||
<div className={`relative sm:w-120 rounded p-4 ${bgColor} select-none`}>
|
||||
{/* Close Button */}
|
||||
<button
|
||||
onClick={() => toast.dismiss(toastId)}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue