diff --git a/src/components/command/CommandFooter.tsx b/src/components/command/CommandFooter.tsx index fc00460..d5f311e 100644 --- a/src/components/command/CommandFooter.tsx +++ b/src/components/command/CommandFooter.tsx @@ -231,10 +231,10 @@ export function CommandFooter({ className={`flex items-center gap-2 px-4 py-3 border-r border-[var(--border-primary)]/30 transition-all shrink-0 bg-indigo-500/10 text-indigo-400 hover:bg-indigo-500/20 hover:text-indigo-300 ${selectedCount === 0 ? 'opacity-50 cursor-not-allowed' : ''}`} title="Toggle Preview (Tab)" > - - PREVIEW + + PREVIEW {selectedCount > 0 && ( - [{selectedCount}] + [{selectedCount}] )} @@ -260,8 +260,8 @@ export function CommandFooter({ }`} title="Download Script (d)" > - - Download + + Download {/* Tab: Copy (highlighted) */} @@ -276,8 +276,8 @@ export function CommandFooter({ }`} title="Copy Command (y)" > - {copied ? : } - {copied ? 'Copied!' : 'Copy'} + {copied ? : } + {copied ? 'Copied!' : 'Copy'} diff --git a/src/components/command/ShortcutsBar.tsx b/src/components/command/ShortcutsBar.tsx index bb85340..2e39dc5 100644 --- a/src/components/command/ShortcutsBar.tsx +++ b/src/components/command/ShortcutsBar.tsx @@ -50,7 +50,7 @@ export const ShortcutsBar = forwardRef( {/* LEFT SECTION */} {/* Mode Badge - like nvim NORMAL/INSERT */} - + {distroName.toUpperCase()} @@ -84,7 +84,7 @@ export const ShortcutsBar = forwardRef( {/* App count */} {selectedCount > 0 && ( - + [{selectedCount} app{selectedCount !== 1 ? 's' : ''}] )} @@ -94,14 +94,14 @@ export const ShortcutsBar = forwardRef( setSelectedHelper('yay')} - className={`px-3 flex items-center gap-2 text-[10px] font-medium transition-colors border-r border-[var(--border-primary)]/30 ${selectedHelper === 'yay' ? 'bg-[var(--text-primary)] text-[var(--bg-primary)] font-bold' : 'text-[var(--text-muted)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-secondary)]'}`} + className={`px-3 flex items-center gap-2 text-[10px] font-medium transition-colors border-r border-[var(--border-primary)]/30 whitespace-nowrap ${selectedHelper === 'yay' ? 'bg-[var(--text-primary)] text-[var(--bg-primary)] font-bold' : 'text-[var(--text-muted)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-secondary)]'}`} > 1 yay setSelectedHelper('paru')} - className={`px-3 flex items-center gap-2 text-[10px] font-medium transition-colors ${selectedHelper === 'paru' ? 'bg-[var(--text-primary)] text-[var(--bg-primary)] font-bold' : 'text-[var(--text-muted)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-secondary)]'}`} + className={`px-3 flex items-center gap-2 text-[10px] font-medium transition-colors whitespace-nowrap ${selectedHelper === 'paru' ? 'bg-[var(--text-primary)] text-[var(--bg-primary)] font-bold' : 'text-[var(--text-muted)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-secondary)]'}`} > 2 paru