Merge pull request #1704 from VinaySatrasala/main

Bug-fix: Vertical misalignment of "Ctrl + K" icon inside the search bar #1703
code100x · Jan 15, 2025 · 27e1649 · 27e1649
2 parents c5ce474 + 5d72662
commit 27e1649
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/search/SearchBar.tsx b/src/components/search/SearchBar.tsx
@@ -179,8 +179,8 @@ export function SearchBar({ onCardClick, isMobile = false }: SearchBarProps) {
         {state.searchTerm.length === 0 &&
           !isMobile &&
           (icon !== '⌘' ? (
-            <kbd className="pointer-events-none absolute right-3 top-2.5 inline-flex h-5 select-none items-center gap-1 rounded border border-gray-200 bg-gray-100 px-1.5 font-mono text-[10px] font-medium text-gray-600 opacity-100 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 sm:block">
-              <span className="text-xs">{icon}</span>K
+            <kbd className="pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 inline-flex h-5 select-none items-center gap-1 rounded border border-gray-200 bg-gray-100 px-1.5 font-mono text-[10px] font-medium text-gray-600 opacity-100 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400">
+              <span className="text-xs leading-none">{icon}K</span>
             </kbd>
           ) : (
             <kbd className="pointer-events-none absolute right-3 top-2.5 inline-flex h-5 select-none items-center gap-1 rounded border border-gray-200 bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400">