Note and task ui fixes
CI / build (push) Has been skipped
CI / deploy (push) Failing after 50s

This commit is contained in:
2026-03-12 18:49:01 -05:00
parent 55047b5d90
commit bb0fe6c749
3 changed files with 63 additions and 49 deletions
+39 -19
View File
@@ -513,25 +513,45 @@ export const NotepadView: Component<{
<Star size={14} class={cn(note().tags?.includes(getFavoriteTag()) && "fill-amber-500")} />
</Button>
<Show when={isOwner}>
<Button
variant="ghost"
size="sm"
class="hidden md:flex h-8 w-8 p-0 hover:bg-destructive/10 hover:text-destructive text-muted-foreground transition-all rounded-xl border border-border/40 shadow-sm"
onClick={() => handleDeleteNote(note().id)}
title="Move to Trash"
>
<Trash2 size={14} />
</Button>
<Button
variant="ghost"
size="sm"
class={cn("hidden md:flex h-8 text-[0.625rem] font-bold uppercase tracking-widest", note().isPrivate ? "text-orange-500 hover:bg-orange-500/10" : "text-muted-foreground")}
onClick={() => handleUpdateNote(note().id, { isPrivate: !note().isPrivate })}
>
<Show when={note().isPrivate} fallback={<><Unlock size={12} class="mr-1.5" /> Public</>}>
<><Lock size={12} class="mr-1.5" /> Private</>
</Show>
</Button>
<Popover>
<PopoverTrigger
as={Button}
variant="ghost"
size="sm"
class="hidden md:flex h-8 w-8 p-0 hover:bg-muted text-muted-foreground transition-all rounded-xl border border-border/40 shadow-sm shrink-0"
>
<MoreHorizontal size={14} />
</PopoverTrigger>
<PopoverContent class="w-48 p-2" align="end">
<div class="flex flex-col gap-1">
<Button
variant="ghost"
size="sm"
class={cn("w-full justify-start text-[0.625rem] font-bold uppercase tracking-widest gap-2", note().isPrivate ? "text-orange-500 hover:bg-orange-500/10" : "text-muted-foreground hover:bg-muted")}
onClick={(e) => {
e.stopPropagation();
handleUpdateNote(note().id, { isPrivate: !note().isPrivate });
}}
>
<Show when={note().isPrivate} fallback={<><Unlock size={14} /> Public</>}>
<><Lock size={14} /> Private</>
</Show>
</Button>
<Button
variant="ghost"
size="sm"
class="w-full justify-start text-[0.625rem] font-bold uppercase tracking-widest gap-2 hover:bg-destructive/10 hover:text-destructive text-muted-foreground transition-all"
onClick={(e) => {
e.stopPropagation();
handleDeleteNote(note().id);
}}
>
<Trash2 size={14} />
Delete
</Button>
</div>
</PopoverContent>
</Popover>
</Show>
</div>
</div>