more styles

This commit is contained in:
Cole Goldsmith 2025-10-02 10:47:35 -05:00
parent 5f2fede000
commit 2e6b177f41
3 changed files with 10 additions and 4 deletions

View file

@ -241,7 +241,10 @@ export function KnowledgeFilterPanel() {
<Button <Button
variant="ghost" variant="ghost"
size="sm" size="sm"
onClick={closePanelOnly} onClick={() => {
setSelectedFilter(null);
closePanelOnly();
}}
className="h-8 w-8 p-0" className="h-8 w-8 p-0"
> >
<X className="h-4 w-4" /> <X className="h-4 w-4" />

View file

@ -17,7 +17,7 @@ const Slider = React.forwardRef<
)} )}
{...props} {...props}
> >
<SliderPrimitive.Track className="relative h-2 w-full grow overflow-hidden rounded-full bg-muted"> <SliderPrimitive.Track className="relative h-[5px] w-full grow overflow-hidden rounded-full bg-muted">
<SliderPrimitive.Range className="absolute h-full bg-muted-foreground" /> <SliderPrimitive.Range className="absolute h-full bg-muted-foreground" />
</SliderPrimitive.Track> </SliderPrimitive.Track>
<SliderPrimitive.Thumb className="block h-4 w-4 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" /> <SliderPrimitive.Thumb className="block h-4 w-4 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" />

View file

@ -255,7 +255,7 @@ function SearchPage() {
<div className="primary-input min-h-10 !flex items-center flex-nowrap focus-within:border-foreground transition-colors !p-[0.3rem]"> <div className="primary-input min-h-10 !flex items-center flex-nowrap focus-within:border-foreground transition-colors !p-[0.3rem]">
{selectedFilter?.name && ( {selectedFilter?.name && (
<div <div
className={`flex items-center gap-1 h-full px-1.5 py-0.5 rounded max-w-[300px] ${ className={`flex items-center gap-1 h-full px-1.5 py-0.5 rounded max-w-[25%] ${
filterAccentClasses[parsedFilterData?.color || "zinc"] filterAccentClasses[parsedFilterData?.color || "zinc"]
}`} }`}
> >
@ -267,7 +267,10 @@ function SearchPage() {
/> />
</div> </div>
)} )}
<Search className="h-4 w-4" /> <Search
className="h-4 w-4 ml-2 flex-shrink-0 text-placeholder-foreground"
strokeWidth={1.5}
/>
<input <input
className="bg-transparent w-full h-full ml-2 focus:outline-none focus-visible:outline-none font-mono placeholder:font-mono" className="bg-transparent w-full h-full ml-2 focus:outline-none focus-visible:outline-none font-mono placeholder:font-mono"
name="search-query" name="search-query"