github/dbx
4
0 Fork 0
mirror of https://github.com/t8y2/dbx.git synced 2026-11-15 14:52:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): remove button press translate/scale for stable desktop feel

Browse Source
This commit is contained in:
t8y2 committed 2026-08-06 02:49:09 +08:00
1 parent 5547923b84
commit 3bad08a56b
2 files changed
+4 -3
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

apps/desktop/src/components/mq/MonitoringPanel.vue
+3 -2
View File
@@ -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 {
apps/desktop/src/components/ui/button/index.ts
+1 -1
View File
@@ -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: {