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 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 /> <UserViewHeader />
{children} {children}

View file

@ -336,9 +336,16 @@ const NoteUtenteDialog = () => {
return ( return (
<Dialog> <Dialog>
<DialogTrigger asChild> <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 <NotebookPen className="size-4" /> Note
</Button> </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> </DialogTrigger>
<DialogContent className="sm:max-w-2xl"> <DialogContent className="sm:max-w-2xl">
<DialogHeader> <DialogHeader>