sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reduce header height and remove unused view switching buttons

Browse Source 
Shorten the header height in the search component from 20 to 16 units and remove the grid and list view toggle buttons from the filter bar.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/izllXJt
This commit is contained in:
sebastjanartic 2025-08-30 20:33:12 +00:00
parent 1cd44dcdb4
commit d27c7c00d0
1 changed files with 1 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
client/src/components/search-header.tsx
View File

@ -54,7 +54,7 @@ export default function SearchHeader({
<div className="absolute top-3 left-[40%] w-0 h-0 border-l-[20px] border-l-transparent border-r-[20px] border-r-transparent border-b-[25px] border-b-purple-400/6 transform -rotate-6 z-0 pointer-events-none"></div>
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
<div className="flex items-center justify-between h-20">
<div className="flex items-center justify-between h-16">
<div className="flex items-center space-x-4">
<Link href="/" className="flex items-center space-x-2 hover:opacity-80 transition-opacity">
<div className="w-9 h-9 gradient-primary rounded-lg flex items-center justify-center shadow-lg">
@ -139,39 +139,6 @@ export default function SearchHeader({
</div>
)}
{/* Filter Bar */}
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
<div className="flex flex-col sm:flex-row sm:items-center sm:justify-end gap-4">
<div className="hidden sm:flex bg-bunny-gray rounded-lg p-1">
<Button
variant={currentView === "grid" ? "default" : "ghost"}
size="sm"
onClick={() => onViewChange("grid")}
className={`px-3 py-1 rounded text-sm ${
currentView === "grid"
? "bg-bunny-blue text-white"
: "text-bunny-muted hover:text-white"
}`}
data-testid="button-grid-view"
>
<Grid3X3 className="w-4 h-4" />
</Button>
<Button
variant={currentView === "list" ? "default" : "ghost"}
size="sm"
onClick={() => onViewChange("list")}
className={`px-3 py-1 rounded text-sm ${
currentView === "list"
? "bg-bunny-blue text-white"
: "text-bunny-muted hover:text-white"
}`}
data-testid="button-list-view"
>
<List className="w-4 h-4" />
</Button>
</div>
</div>
</div>
</div>
);
}