style: height in media panel

This commit is contained in:
Maze Winther
2025-07-21 11:52:35 +02:00
parent 4896dce268
commit e74e60d5bf
@@ -208,10 +208,10 @@ export function MediaView() {
{/* Search and filter controls */} {/* Search and filter controls */}
<div className="flex gap-2"> <div className="flex gap-2">
<Select value={mediaFilter} onValueChange={setMediaFilter}> <Select value={mediaFilter} onValueChange={setMediaFilter}>
<SelectTrigger className="w-[80px] h-full text-xs"> <SelectTrigger className="w-[80px] h-9 text-xs">
<SelectValue /> <SelectValue />
</SelectTrigger> </SelectTrigger>
<SelectContent className=""> <SelectContent>
<SelectItem value="all">All</SelectItem> <SelectItem value="all">All</SelectItem>
<SelectItem value="video">Video</SelectItem> <SelectItem value="video">Video</SelectItem>
<SelectItem value="audio">Audio</SelectItem> <SelectItem value="audio">Audio</SelectItem>
@@ -221,7 +221,7 @@ export function MediaView() {
<Input <Input
type="text" type="text"
placeholder="Search media..." placeholder="Search media..."
className="min-w-[60px] flex-1 h-full text-xs" className="min-w-[60px] flex-1 h-9 text-xs"
value={searchQuery} value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)} onChange={(e) => setSearchQuery(e.target.value)}
/> />
@@ -230,7 +230,7 @@ export function MediaView() {
size="lg" size="lg"
onClick={handleFileSelect} onClick={handleFileSelect}
disabled={isProcessing} disabled={isProcessing}
className="flex-none bg-transparent min-w-[30px] whitespace-nowrap overflow-hidden px-2 justify-center items-center" className="flex-none bg-transparent min-w-[30px] whitespace-nowrap overflow-hidden px-2 justify-center items-center h-9"
> >
{isProcessing ? ( {isProcessing ? (
<Loader2 className="h-4 w-4 animate-spin" /> <Loader2 className="h-4 w-4 animate-spin" />