Initial release v1.0.0
This commit is contained in:
24
frontend/features/library/components/LibraryHeader.tsx
Normal file
24
frontend/features/library/components/LibraryHeader.tsx
Normal file
@@ -0,0 +1,24 @@
|
||||
export function LibraryHeader() {
|
||||
return (
|
||||
<div className="relative">
|
||||
{/* Quick gradient fade - yellow to purple */}
|
||||
<div className="absolute inset-0 pointer-events-none">
|
||||
<div
|
||||
className="absolute inset-0 bg-gradient-to-b from-[#ecb200]/15 via-purple-900/10 to-transparent"
|
||||
style={{ height: "35vh" }}
|
||||
/>
|
||||
<div
|
||||
className="absolute inset-0 bg-[radial-gradient(ellipse_at_top_right,var(--tw-gradient-stops))] from-[#ecb200]/8 via-transparent to-transparent"
|
||||
style={{ height: "25vh" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Compact header */}
|
||||
<div className="relative px-4 md:px-8 pt-6 pb-2">
|
||||
<h1 className="text-2xl font-bold text-white">
|
||||
Your Library
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user