From 4ab6ca1caaa3b7afce9bfab8a8d41954fff4b34b Mon Sep 17 00:00:00 2001 From: bflatastic Date: Wed, 5 Mar 2025 23:21:11 +0700 Subject: [PATCH] disabled annoying focus ring --- frontend/realtime/src/components/features/ToolbarButton.tsx | 2 +- frontend/realtime/src/components/ui/Button.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/frontend/realtime/src/components/features/ToolbarButton.tsx b/frontend/realtime/src/components/features/ToolbarButton.tsx index a55724f2e3..e8694ccf03 100644 --- a/frontend/realtime/src/components/features/ToolbarButton.tsx +++ b/frontend/realtime/src/components/features/ToolbarButton.tsx @@ -44,7 +44,7 @@ export const ToolbarButton = ({ } const mergedButtonClasses = twMerge( - "rounded-lg hover:bg-white/15 transition-all duration-100 border-2 border-transparent text-white/80 px-2", + "rounded-lg hover:bg-white/15 transition-all duration-100 border-2 border-transparent text-white/80 px-2 focus-visible:ring-0 focus-visible:ring-offset-0", children ? "w-fit flex items-center gap-2.5 text-nowrap" : "size-10", active && "bg-primary/30 border-2 border-primary hover:bg-primary/30", disabled && "pointer-events-none text-secondary-300", diff --git a/frontend/realtime/src/components/ui/Button.tsx b/frontend/realtime/src/components/ui/Button.tsx index 5e3deb69f6..be875daaf2 100644 --- a/frontend/realtime/src/components/ui/Button.tsx +++ b/frontend/realtime/src/components/ui/Button.tsx @@ -51,7 +51,7 @@ export const Button = ({ "text-[15px] font-semibold rounded-lg px-3 py-2 shadow-sm", "flex gap-2 items-center justify-center", "transition-all duration-150", - "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2", + "focus-visible:ring-0 focus-visible:ring-offset-0", getVariantClassNames(propsVariant), propsClassName, disabledClass,