From a63f4761055526ee3594542225bf596fbf4a9e48 Mon Sep 17 00:00:00 2001 From: t8y2 <1156263951@qq.com> Date: Wed, 15 Jul 2026 11:09:56 +0800 Subject: [PATCH] fix(ui): reduce context menu item radius --- apps/desktop/src/components/ui/CustomContextMenu.vue | 2 +- .../src/components/ui/context-menu/ContextMenuCheckboxItem.vue | 2 +- apps/desktop/src/components/ui/context-menu/ContextMenuItem.vue | 2 +- .../src/components/ui/context-menu/ContextMenuRadioItem.vue | 2 +- .../src/components/ui/context-menu/ContextMenuSubTrigger.vue | 2 +- 5 files changed, 5 insertions(+), 5 deletions(-) diff --git a/apps/desktop/src/components/ui/CustomContextMenu.vue b/apps/desktop/src/components/ui/CustomContextMenu.vue index c8f77e68b0..c770563d0b 100644 --- a/apps/desktop/src/components/ui/CustomContextMenu.vue +++ b/apps/desktop/src/components/ui/CustomContextMenu.vue @@ -248,7 +248,7 @@ function adjustSubPosition() { function itemButtonClass(variant?: "default" | "destructive") { return [ - "w-full gap-2 rounded-md px-2 py-1 text-[13px] leading-4 outline-hidden select-none text-left cursor-default flex items-center disabled:pointer-events-none disabled:opacity-50", + "w-full gap-2 rounded-sm px-2 py-1 text-[13px] leading-4 outline-hidden select-none text-left cursor-default flex items-center disabled:pointer-events-none disabled:opacity-50", variant === "destructive" ? "text-destructive hover:bg-destructive/10 hover:text-destructive focus-visible:bg-destructive/10 focus-visible:text-destructive" : "hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground", ]; } diff --git a/apps/desktop/src/components/ui/context-menu/ContextMenuCheckboxItem.vue b/apps/desktop/src/components/ui/context-menu/ContextMenuCheckboxItem.vue index ea53dd79f1..69a9ed08c3 100644 --- a/apps/desktop/src/components/ui/context-menu/ContextMenuCheckboxItem.vue +++ b/apps/desktop/src/components/ui/context-menu/ContextMenuCheckboxItem.vue @@ -31,7 +31,7 @@ function guardRepeatedClick(event: MouseEvent) { @click.capture="guardRepeatedClick" :class=" cn( - 'focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*=size-])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0', + 'focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-sm py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*=size-])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0', props.class, ) " diff --git a/apps/desktop/src/components/ui/context-menu/ContextMenuItem.vue b/apps/desktop/src/components/ui/context-menu/ContextMenuItem.vue index a4541765c7..97e40b3f5a 100644 --- a/apps/desktop/src/components/ui/context-menu/ContextMenuItem.vue +++ b/apps/desktop/src/components/ui/context-menu/ContextMenuItem.vue @@ -42,7 +42,7 @@ function guardRepeatedClick(event: MouseEvent) { @click.capture="guardRepeatedClick" :class=" cn( - 'focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground gap-2 rounded-md px-2 py-1 text-[13px] data-inset:pl-7 [&_svg:not([class*=size-])]:size-4 group/context-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0', + 'focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground gap-2 rounded-sm px-2 py-1 text-[13px] data-inset:pl-7 [&_svg:not([class*=size-])]:size-4 group/context-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0', props.class, ) " diff --git a/apps/desktop/src/components/ui/context-menu/ContextMenuRadioItem.vue b/apps/desktop/src/components/ui/context-menu/ContextMenuRadioItem.vue index 739e3b883c..daa97c152f 100644 --- a/apps/desktop/src/components/ui/context-menu/ContextMenuRadioItem.vue +++ b/apps/desktop/src/components/ui/context-menu/ContextMenuRadioItem.vue @@ -31,7 +31,7 @@ function guardRepeatedClick(event: MouseEvent) { @click.capture="guardRepeatedClick" :class=" cn( - 'focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*=size-])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0', + 'focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-sm py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*=size-])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0', props.class, ) " diff --git a/apps/desktop/src/components/ui/context-menu/ContextMenuSubTrigger.vue b/apps/desktop/src/components/ui/context-menu/ContextMenuSubTrigger.vue index 0a40dc48dc..13a8414abb 100644 --- a/apps/desktop/src/components/ui/context-menu/ContextMenuSubTrigger.vue +++ b/apps/desktop/src/components/ui/context-menu/ContextMenuSubTrigger.vue @@ -21,7 +21,7 @@ const forwardedProps = useForwardProps(delegatedProps); v-bind="forwardedProps" :class=" cn( - 'focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-2 rounded-md px-2 py-1 text-[13px] data-inset:pl-7 [&_svg:not([class*=size-])]:size-4 flex cursor-default items-center outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0', + 'focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-2 rounded-sm px-2 py-1 text-[13px] data-inset:pl-7 [&_svg:not([class*=size-])]:size-4 flex cursor-default items-center outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0', props.class, ) "