feat: implement responsive expansion for Toaster component

This commit is contained in:
micha 2025-06-19 15:22:20 +02:00
parent 98f2395ff2
commit b3ee77f9a8
3 changed files with 20 additions and 4 deletions

View file

@ -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)}