mirror of
https://github.com/usememos/memos.git
synced 2025-12-17 14:19:17 +08:00
Focused memo cards now visibly change when selected
This commit is contained in:
parent
5c2010195e
commit
fe7d5b0ade
1 changed files with 1 additions and 0 deletions
|
|
@ -229,6 +229,7 @@ const MemoView: React.FC<Props> = observer((props: Props) => {
|
||||||
<div
|
<div
|
||||||
className={cn(
|
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",
|
"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,
|
className,
|
||||||
)}
|
)}
|
||||||
ref={cardRef}
|
ref={cardRef}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue