mirror of
https://github.com/Crosstalk-Solutions/project-nomad.git
synced 2026-03-28 03:29:25 +01:00
fix(Notifications): improve styling
This commit is contained in:
parent
b94deef437
commit
8ae47e03d8
|
|
@ -59,12 +59,12 @@ const NotificationsProvider = ({ children }: { children: React.ReactNode }) => {
|
|||
className={`mb-4 p-4 rounded shadow-md border border-slate-300 bg-white max-w-96`}
|
||||
onClick={() => removeNotification(notification.id)}
|
||||
>
|
||||
<div className="flex flex-row justify-between items-center">
|
||||
<div className="mr-2">
|
||||
<div className="flex flex-row items-start gap-3">
|
||||
<div className="flex-shrink-0 mt-0.5">
|
||||
<Icon type={notification.type} />
|
||||
</div>
|
||||
<div>
|
||||
<p className="break-all">{notification.message}</p>
|
||||
<div className="flex-1 min-w-0">
|
||||
<p className="break-words">{notification.message}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user