feat: enhance UserViewHeader button layout and add notification indicator for notes

This commit is contained in:
Marco Pedone 2026-03-18 18:13:22 +01:00
parent 19e19e95b1
commit 5822dcbf47
2 changed files with 11 additions and 4 deletions

View file

@ -184,7 +184,7 @@ export const AreaRiservataLayoutUserView = ({
isAdmin
/>
<div className="mx-2 my-3 flex-1 overflow-auto lg:mx-4">
<div className="mx-2 flex-1 overflow-auto py-3 lg:mx-4">
<UserViewHeader />
{children}

View file

@ -336,9 +336,16 @@ const NoteUtenteDialog = () => {
return (
<Dialog>
<DialogTrigger asChild>
<Button size="sm" variant="orange">
<div className="relative inline-flex">
<Button className="inline-flex" size="sm" variant="orange">
<NotebookPen className="size-4" /> Note
</Button>
{note && note.trim().length > 0 && (
<span className="absolute top-0 right-0 -mt-1 -mr-1 flex size-3">
<span className="relative inline-flex size-3 rounded-full bg-green-500"></span>
</span>
)}
</div>
</DialogTrigger>
<DialogContent className="sm:max-w-2xl">
<DialogHeader>