angel/mice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: enhance layout and typography for Browse, Favorites, and Settings pages

Browse Source
This commit is contained in:
angel
2025-07-03 16:01:06 +00:00
committed by GitHub
parent 7b622cb1ec
commit 54a268f485
3 changed files with 38 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
app/browse/page.tsx
View File

@@ -91,13 +91,18 @@ export default function BrowsePage() {
}
return (
<div className="h-full px-4 py-6 lg:px-8">
<>
<Tabs defaultValue="music" className="h-full flex flex-col space-y-6">
<TabsContent value="music" className="border-none p-0 outline-hidden flex flex-col grow">
<div className="container mx-auto p-6 pb-24 max-w-none">
<div className="space-y-6">
<div className="text-left">
<h1 className="text-3xl font-semibold tracking-tight">Browse</h1>
<p className="text-muted-foreground">Explore your complete music library</p>
</div>
<div className="flex items-center justify-between">
<div className="space-y-1">
<Tabs defaultValue="music" className="h-full flex flex-col space-y-6">
<TabsContent value="music" className="border-none p-0 outline-hidden flex flex-col grow">
<div className="flex items-center justify-between">
<div className="space-y-1">
<p className="text-2xl font-semibold tracking-tight">
Artists
</p>
@@ -178,7 +183,7 @@ export default function BrowsePage() {
</div>
</TabsContent>
</Tabs>
</>
</div>
</div>
);
}