From 3bad08a56b3f335db001f9069fe7435d242f8f17 Mon Sep 17 00:00:00 2001
From: t8y2 <1156263951@qq.com>
Date: Thu, 6 Aug 2026 02:49:09 +0800
Subject: [PATCH] fix(ui): remove button press translate/scale for stable
 desktop feel

---
 apps/desktop/src/components/mq/MonitoringPanel.vue | 5 +++--
 apps/desktop/src/components/ui/button/index.ts     | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/desktop/src/components/mq/MonitoringPanel.vue b/apps/desktop/src/components/mq/MonitoringPanel.vue
index 0ee0d2fffa..5313a7044b 100644
--- a/apps/desktop/src/components/mq/MonitoringPanel.vue
+++ b/apps/desktop/src/components/mq/MonitoringPanel.vue
@@ -1044,11 +1044,12 @@ onUnmounted(() => {
   border-color: var(--monitor-border-strong);
   background: var(--monitor-hover);
   box-shadow: var(--monitor-shadow);
-  transform: translateY(-1px);
 }
 
+/* 桌面端不做位移/缩放按压反馈，仅靠颜色变化表达状态，避免按钮"抖动"观感 */
 .btn-sm:active:not(:disabled) {
-  transform: translateY(0) scale(0.98);
+  background: var(--monitor-accent-soft);
+  border-color: var(--monitor-accent);
 }
 
 .btn-sm:focus-visible {
diff --git a/apps/desktop/src/components/ui/button/index.ts b/apps/desktop/src/components/ui/button/index.ts
index 9322a01552..b9d9ac2a50 100644
--- a/apps/desktop/src/components/ui/button/index.ts
+++ b/apps/desktop/src/components/ui/button/index.ts
@@ -4,7 +4,7 @@ import { cva } from "class-variance-authority";
 export { default as Button } from "./Button.vue";
 
 export const buttonVariants = cva(
-  "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 aria-invalid:ring-3 active:not-aria-[haspopup]:translate-y-px [&_svg:not([class*=size-])]:size-4 group/button inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-colors outline-none select-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 aria-invalid:ring-3 [&_svg:not([class*=size-])]:size-4 group/button inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-colors outline-none select-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
       variant: {