feat: enhance PathInput component by replacing kbd with Kbd component for better styling

This commit is contained in:
Illia Filippov
2025-12-25 01:58:40 +01:00
parent cd30306afe
commit fd51abb3ce

View File

@@ -3,6 +3,7 @@ import { useState, useRef, useCallback, useMemo } from 'react';
import { Home, ArrowLeft, Pencil, ArrowRight, Search, Folder, File, X } from 'lucide-react'; import { Home, ArrowLeft, Pencil, ArrowRight, Search, Folder, File, X } from 'lucide-react';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input'; import { Input } from '@/components/ui/input';
import { Kbd } from '@/components/ui/kbd';
import { import {
Breadcrumb, Breadcrumb,
BreadcrumbList, BreadcrumbList,
@@ -308,9 +309,7 @@ function PathInput({
> >
<X className="w-3.5 h-3.5" /> <X className="w-3.5 h-3.5" />
</Button> </Button>
<kbd className="hidden sm:inline-block px-1.5 py-0.5 text-[10px] bg-muted rounded border border-border text-muted-foreground"> <Kbd className="hidden py-0.5 sm:inline-block">ESC</Kbd>
ESC
</kbd>
</div> </div>
</div> </div>
<CommandList className="scrollbar-styled"> <CommandList className="scrollbar-styled">