github-mirror/project-nomad
1
0
Fork 0
mirror of https://github.com/Crosstalk-Solutions/project-nomad.git synced 2026-04-08 09:46:15 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(Notifications): improve styling

Browse Source
This commit is contained in:
Jake Turner 2026-01-23 22:25:18 +00:00
parent b94deef437
commit 8ae47e03d8
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
admin/inertia/providers/NotificationProvider.tsx
View File

@ -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`} className={`mb-4 p-4 rounded shadow-md border border-slate-300 bg-white max-w-96`}
onClick={() => removeNotification(notification.id)} onClick={() => removeNotification(notification.id)}
> >
<div className="flex flex-row justify-between items-center"> <div className="flex flex-row items-start gap-3">
<div className="mr-2"> <div className="flex-shrink-0 mt-0.5">
<Icon type={notification.type} /> <Icon type={notification.type} />
</div> </div>
<div> <div className="flex-1 min-w-0">
<p className="break-all">{notification.message}</p> <p className="break-words">{notification.message}</p>
</div> </div>
</div> </div>
</div> </div>