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
|
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}
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue