From 78225c6f8d0205969a17bed0625795bfb596ff1d Mon Sep 17 00:00:00 2001 From: Kyle Carberry Date: Sun, 16 Nov 2025 12:37:05 -0500 Subject: [PATCH] remove tailwind focus outline --- src/browser/components/AIView.tsx | 2 +- src/browser/components/ProjectSidebar.tsx | 2 +- .../RightSidebar/CodeReview/ReviewPanel.tsx | 2 +- src/browser/components/WorkspaceListItem.tsx | 2 +- src/browser/components/ui/button.tsx | 2 +- src/browser/styles/globals.css | 15 +++++++++++---- 6 files changed, 16 insertions(+), 9 deletions(-) diff --git a/src/browser/components/AIView.tsx b/src/browser/components/AIView.tsx index c1d7030fd..fcab70270 100644 --- a/src/browser/components/AIView.tsx +++ b/src/browser/components/AIView.tsx @@ -373,7 +373,7 @@ const AIViewInner: React.FC = ({ aria-busy={canInterrupt} aria-label="Conversation transcript" tabIndex={0} - className="h-full overflow-y-auto p-[15px] leading-[1.5] break-words whitespace-pre-wrap" + className="h-full overflow-y-auto p-[15px] leading-[1.5] break-words whitespace-pre-wrap focus:outline-none focus-visible:outline-none" >
{mergedMessages.length === 0 ? ( diff --git a/src/browser/components/ProjectSidebar.tsx b/src/browser/components/ProjectSidebar.tsx index 45eaf60ac..701bdb6f1 100644 --- a/src/browser/components/ProjectSidebar.tsx +++ b/src/browser/components/ProjectSidebar.tsx @@ -85,7 +85,7 @@ const DraggableProjectItemBase: React.FC = ({
drag(drop(node))} className={cn( - "py-2 px-3 flex items-center border-l-transparent transition-all duration-150 bg-separator", + "py-2 px-3 flex items-center border-l-transparent transition-all duration-150 bg-separator focus:outline-none focus-visible:outline-none focus-visible:bg-hover", isDragging ? "cursor-grabbing opacity-40 [&_*]:!cursor-grabbing" : "cursor-grab", isOver && "bg-accent/[0.08]", selected && "bg-hover border-l-accent", diff --git a/src/browser/components/RightSidebar/CodeReview/ReviewPanel.tsx b/src/browser/components/RightSidebar/CodeReview/ReviewPanel.tsx index d1f21557e..691fe2558 100644 --- a/src/browser/components/RightSidebar/CodeReview/ReviewPanel.tsx +++ b/src/browser/components/RightSidebar/CodeReview/ReviewPanel.tsx @@ -609,7 +609,7 @@ export const ReviewPanel: React.FC = ({ tabIndex={0} onFocus={() => setIsPanelFocused(true)} onBlur={() => setIsPanelFocused(false)} - className="bg-dark [container-type:inline-size] flex h-full min-h-0 flex-col outline-none [container-name:review-panel] focus-within:shadow-[inset_0_0_0_1px_rgba(0,122,204,0.2)]" + className="bg-dark [container-type:inline-size] flex h-full min-h-0 flex-col outline-none [container-name:review-panel] focus-within:shadow-[inset_0_0_0_1px_rgba(0,122,204,0.2)] focus-visible:outline-none" > {/* Always show controls so user can change diff base */} = ({
diff --git a/src/browser/components/ui/button.tsx b/src/browser/components/ui/button.tsx index ea22745db..7f2b4a842 100644 --- a/src/browser/components/ui/button.tsx +++ b/src/browser/components/ui/button.tsx @@ -4,7 +4,7 @@ import { cva, type VariantProps } from "class-variance-authority"; import { cn } from "@/common/lib/utils"; const buttonVariants = cva( - "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", + "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", { variants: { variant: { diff --git a/src/browser/styles/globals.css b/src/browser/styles/globals.css index 5427f4639..2e757a22d 100644 --- a/src/browser/styles/globals.css +++ b/src/browser/styles/globals.css @@ -10,9 +10,17 @@ font-display: swap; } +@font-face { + font-family: "Seti"; + src: url("../assets/file-icons/seti.woff") format("woff"); + font-weight: normal; + font-style: normal; + font-display: swap; +} @font-face { font-family: "Geist Mono"; - src: url("../../../node_modules/geist/dist/fonts/geist-mono/GeistMono-Variable.woff2") format("woff2"); + src: url("../../../node_modules/geist/dist/fonts/geist-mono/GeistMono-Variable.woff2") + format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; @@ -228,9 +236,8 @@ --plan-mode-rgb: 31, 107, 184; --font-primary: - -apple-system, BlinkMacSystemFont, "Geist", system-ui, "Segoe UI", "Roboto", - "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol"; + -apple-system, BlinkMacSystemFont, "Geist", system-ui, "Segoe UI", "Roboto", "Helvetica Neue", + Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-monospace: "Monaco", "Menlo", "Geist Mono", "Ubuntu Mono", "Consolas", "Courier New", monospace,