Toast: remove unnecessary outer div
This commit is contained in:
parent
69328ade8b
commit
95f7761fb4
1 changed files with 26 additions and 28 deletions
|
@ -103,13 +103,12 @@ const Toast = (props: IToast) => {
|
||||||
data-testid='toast'
|
data-testid='toast'
|
||||||
className={
|
className={
|
||||||
classNames({
|
classNames({
|
||||||
'pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white dark:bg-gray-900 shadow-lg dark:ring-2 dark:ring-gray-800': true,
|
'p-4 pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white dark:bg-gray-900 shadow-lg dark:ring-2 dark:ring-gray-800': true,
|
||||||
'animate-enter': t.visible,
|
'animate-enter': t.visible,
|
||||||
'animate-leave': !t.visible,
|
'animate-leave': !t.visible,
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<div className='p-4'>
|
|
||||||
<HStack space={4} alignItems='start'>
|
<HStack space={4} alignItems='start'>
|
||||||
<HStack space={3} justifyContent='between' alignItems='start' className='w-0 flex-1'>
|
<HStack space={3} justifyContent='between' alignItems='start' className='w-0 flex-1'>
|
||||||
<HStack space={3} alignItems='start' className='w-0 flex-1'>
|
<HStack space={3} alignItems='start' className='w-0 flex-1'>
|
||||||
|
@ -140,7 +139,6 @@ const Toast = (props: IToast) => {
|
||||||
</div>
|
</div>
|
||||||
</HStack>
|
</HStack>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue