feat: enhance UserViewHeader button layout and add notification indicator for notes
This commit is contained in:
parent
19e19e95b1
commit
5822dcbf47
2 changed files with 11 additions and 4 deletions
|
|
@ -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}
|
||||
|
|
|
|||
|
|
@ -336,9 +336,16 @@ const NoteUtenteDialog = () => {
|
|||
return (
|
||||
<Dialog>
|
||||
<DialogTrigger asChild>
|
||||
<Button size="sm" variant="orange">
|
||||
<NotebookPen className="size-4" /> Note
|
||||
</Button>
|
||||
<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>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue