From fe7d5b0ade4e8b650701cb6ad6f170394fb94a97 Mon Sep 17 00:00:00 2001
From: neo <chojs990222@gmail.com>
Date: Fri, 14 Nov 2025 11:05:09 +0900
Subject: [PATCH] Focused memo cards now visibly change when selected

---
 web/src/components/MemoView.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web/src/components/MemoView.tsx b/web/src/components/MemoView.tsx
index a07e91cb8..f3e7d5e57 100644
--- a/web/src/components/MemoView.tsx
+++ b/web/src/components/MemoView.tsx
@@ -229,6 +229,7 @@ const MemoView: React.FC<Props> = observer((props: Props) => {
     <div
       className={cn(
         "relative group flex flex-col justify-start items-start bg-card w-full px-4 py-3 mb-2 gap-2 text-card-foreground rounded-lg border border-border transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        shortcutActive && !showEditor && "border-ring ring-2 ring-ring bg-accent/10",
         className,
       )}
       ref={cardRef}