Chneemann/portfolio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: make ESC button interactive to close modal on mouse click
All checks were successful
Deploy Portfolio to VPS / deploy (push) Successful in 28s
Details

Browse source
This commit is contained in:
Chneemann 2026-08-07 15:55:40 +02:00
parent d52f1c088b
commit 8c98df1ea1
No known key found for this signature in database
1 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/CommandPalette.tsx
View file

@ -116,9 +116,13 @@ export default function CommandPalette() {
onKeyDown={handleInputKeyDown} onKeyDown={handleInputKeyDown}
className="w-full bg-transparent text-slate-100 placeholder-slate-500 outline-none text-sm tracking-wide font-mono" className="w-full bg-transparent text-slate-100 placeholder-slate-500 outline-none text-sm tracking-wide font-mono"
/> />
<kbd className="text-[10px] font-mono bg-slate-800 text-slate-400 px-2 py-0.5 rounded border border-slate-700"> <button
type="button"
onClick={() => setIsOpen(false)}
className="text-[10px] font-mono bg-slate-900/80 border border-slate-800 text-slate-400 px-2 py-0.5 rounded hover:text-white hover:border-slate-700 hover:bg-slate-900 transition-colors cursor-pointer"
>
ESC ESC
</kbd> </button>
</div> </div>
{/* Command List */} {/* Command List */}
@ -171,20 +175,20 @@ export default function CommandPalette() {
<div className="px-4 py-2.5 border-t border-slate-800/60 bg-slate-950/60 flex items-center justify-between text-[11px] font-mono text-slate-500"> <div className="px-4 py-2.5 border-t border-slate-800/60 bg-slate-950/60 flex items-center justify-between text-[11px] font-mono text-slate-500">
<span> <span>
{tCommands("navHint1")}{" "} {tCommands("navHint1")}{" "}
<kbd className="text-slate-400 bg-slate-900 px-1 rounded border border-slate-800"> <kbd className="text-slate-400 bg-slate-900/80 px-1 rounded border border-slate-800">
↑ ↑
</kbd>{" "} </kbd>{" "}
<kbd className="text-slate-400 bg-slate-900 px-1 rounded border border-slate-800"> <kbd className="text-slate-400 bg-slate-900/80 px-1 rounded border border-slate-800">
↓ ↓
</kbd>{" "} </kbd>{" "}
{tCommands("navHint2")} {tCommands("navHint2")}
</span> </span>
<span> <span>
<kbd className="text-slate-400 bg-slate-900 px-1 rounded border border-slate-800"> <kbd className="text-slate-400 bg-slate-900/80 px-2 py-0.5 rounded border border-slate-800">
⌘K ⌘K
</kbd>{" "} </kbd>{" "}
/{" "} /{" "}
<kbd className="text-slate-400 bg-slate-900 px-1 rounded border border-slate-800"> <kbd className="text-slate-400 bg-slate-900/80 px-2 py-0.5 rounded border border-slate-800">
Ctrl+K Ctrl+K
</kbd> </kbd>
</span> </span>