DHBW-WE/MeetUp
5
0
Fork 0
Code Issues 7 Pull requests 5 Projects 1 Releases 5 Packages 1 Wiki Activity Actions

fix: update default background color and adjust layout for ToastInner component

Browse source
This commit is contained in:
micha 2025-06-20 00:03:24 +02:00
parent 49111aaa3f
commit 9ef984eccb
1 changed files with 14 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/components/misc/toast-inner.tsx
View file

@ -65,7 +65,7 @@ interface ToastInnerProps {
const variantConfig = { const variantConfig = {
default: { default: {
bgColor: 'bg-green-150', bgColor: 'bg-neutral-150',
defaultIcon: 'Info', defaultIcon: 'Info',
}, },
success: { success: {
@ -118,11 +118,18 @@ export const ToastInner: React.FC<ToastInnerProps> = ({
<X className='h-4 w-4 text-neutral-600' /> <X className='h-4 w-4 text-neutral-600' />
</button> </button>
<div className='grid grid-cols-[40px_auto_auto] gap-4 items-center'> <div
{/* Icon */} className={`grid ${
<div className='flex items-center justify-center'> variant === 'default'
<Icon size={40} /> ? 'grid-cols-[auto_130px] max-sm:grid-cols-[auto_90px]'
</div> : 'grid-cols-[40px_auto_130px] max-sm:grid-cols-[40px_auto_90px]'
} gap-4 items-center`}
>
{variant !== 'default' && (
<div className='flex items-center justify-center'>
<Icon size={40} />
</div>
)}
{/* Text Content */} {/* Text Content */}
<div className='grid gap-1'> <div className='grid gap-1'>
@ -135,7 +142,7 @@ export const ToastInner: React.FC<ToastInnerProps> = ({
{onAction && buttonText && ( {onAction && buttonText && (
<Button <Button
variant={'secondary'} variant={'secondary'}
className='w-100px w-full mr-2' className='w-full mr-2'
onClick={() => { onClick={() => {
onAction(); onAction();
if (closeOnAction) { if (closeOnAction) {