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

fix: update NEXT_PUBLIC_COMMIT_SHA and enhance layout for various pages

Browse Source
This commit is contained in:
angel
2025-07-03 17:03:43 +00:00
committed by GitHub
parent 54a268f485
commit a8311fb4ef
10 changed files with 31 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.env.local
View File

@@ -1 +1 @@
NEXT_PUBLIC_COMMIT_SHA=f25b4dc NEXT_PUBLIC_COMMIT_SHA=54a268f

21
app/browse/page.tsx
View File

@@ -92,19 +92,14 @@ export default function BrowsePage() {
return ( return (
<div className="container mx-auto p-6 pb-24 max-w-none"> <div className="container mx-auto p-6 pb-24 max-w-none">
<div className="space-y-6"> <div className="space-y-2">
<div className="text-left"> <div className="h-full flex flex-col space-y-6">
<h1 className="text-3xl font-semibold tracking-tight">Browse</h1> <div className="border-none p-0 outline-hidden flex flex-col grow">
<p className="text-muted-foreground">Explore your complete music library</p>
</div>
<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="flex items-center justify-between">
<div className="space-y-1"> <div className="space-y-1">
<p className="text-2xl font-semibold tracking-tight"> <p className="text-3xl font-semibold tracking-tight">
Artists Browse Artists
</p> </p>
<p className="text-sm text-muted-foreground"> <p className="text-sm text-muted-foreground">
the people who make the music the people who make the music
@@ -135,7 +130,7 @@ export default function BrowsePage() {
</div> </div>
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="space-y-1"> <div className="space-y-1">
<p className="text-2xl font-semibold tracking-tight"> <p className="text-3xl font-semibold tracking-tight">
Browse Albums Browse Albums
</p> </p>
<p className="text-sm text-muted-foreground"> <p className="text-sm text-muted-foreground">
@@ -181,8 +176,8 @@ export default function BrowsePage() {
<ScrollBar orientation="vertical" /> <ScrollBar orientation="vertical" />
</ScrollArea> </ScrollArea>
</div> </div>
</TabsContent> </div>
</Tabs> </div>
</div> </div>
</div> </div>
); );

16
app/components/ihateserverside.tsx
View File

@@ -43,10 +43,10 @@ const Ihateserverside: React.FC<IhateserversideProps> = ({ children }) => {
if (!isClient) { if (!isClient) {
// Return a basic layout during SSR to match initial client render // Return a basic layout during SSR to match initial client render
return ( return (
<div className="hidden md:flex md:flex-col md:h-screen"> <div className="hidden md:flex md:flex-col md:h-screen md:w-screen md:overflow-hidden">
{/* Top Menu */} {/* Top Menu */}
<div <div
className="sticky z-10 bg-background border-b" className="sticky z-10 bg-background border-b w-full"
style={{ style={{
left: 'env(titlebar-area-x, 0)', left: 'env(titlebar-area-x, 0)',
top: 'env(titlebar-area-y, 0)', top: 'env(titlebar-area-y, 0)',
@@ -61,7 +61,7 @@ const Ihateserverside: React.FC<IhateserversideProps> = ({ children }) => {
</div> </div>
{/* Main Content Area */} {/* Main Content Area */}
<div className="flex-1 flex overflow-hidden"> <div className="flex-1 flex overflow-hidden w-full">
<div className="w-64 shrink-0 border-r transition-all duration-200"> <div className="w-64 shrink-0 border-r transition-all duration-200">
<Sidebar <Sidebar
playlists={playlists} playlists={playlists}
@@ -71,7 +71,7 @@ const Ihateserverside: React.FC<IhateserversideProps> = ({ children }) => {
onTransitionEnd={handleTransitionEnd} onTransitionEnd={handleTransitionEnd}
/> />
</div> </div>
<div className="flex-1 overflow-y-auto"> <div className="flex-1 overflow-y-auto min-w-0">
<div>{children}</div> <div>{children}</div>
</div> </div>
</div> </div>
@@ -83,10 +83,10 @@ const Ihateserverside: React.FC<IhateserversideProps> = ({ children }) => {
); );
} }
return ( return (
<div className="hidden md:flex md:flex-col md:h-screen"> <div className="hidden md:flex md:flex-col md:h-screen md:w-screen md:overflow-hidden">
{/* Top Menu */} {/* Top Menu */}
<div <div
className="sticky z-10 bg-background border-b" className="sticky z-10 bg-background border-b w-full"
style={{ style={{
left: 'env(titlebar-area-x, 0)', left: 'env(titlebar-area-x, 0)',
top: 'env(titlebar-area-y, 0)', top: 'env(titlebar-area-y, 0)',
@@ -101,7 +101,7 @@ const Ihateserverside: React.FC<IhateserversideProps> = ({ children }) => {
</div> </div>
{/* Main Content Area */} {/* Main Content Area */}
<div className="flex-1 flex overflow-hidden"> <div className="flex-1 flex overflow-hidden w-full">
{isSidebarVisible && ( {isSidebarVisible && (
<div className={`${isSidebarCollapsed ? 'w-16' : 'w-64'} shrink-0 border-r transition-all duration-200`}> <div className={`${isSidebarCollapsed ? 'w-16' : 'w-64'} shrink-0 border-r transition-all duration-200`}>
<Sidebar <Sidebar
@@ -113,7 +113,7 @@ const Ihateserverside: React.FC<IhateserversideProps> = ({ children }) => {
/> />
</div> </div>
)} )}
<div className="flex-1 overflow-y-auto"> <div className="flex-1 overflow-y-auto min-w-0">
<div>{children}</div> <div>{children}</div>
</div> </div>
</div> </div>

4
app/components/menu.tsx
View File

@@ -111,9 +111,9 @@ export function Menu({ toggleSidebar, isSidebarVisible, toggleStatusBar, isStatu
return ( return (
<> <>
<div className="flex items-center justify-between w-full ml-2"> <div className="flex items-center justify-between w-full">
<Menubar <Menubar
className="rounded-none border-b border-none px-0 lg:px-0 flex-1" className="rounded-none border-b border-none px-2 lg:px-2 flex-1 min-w-0"
style={{ style={{
minWidth: 0, minWidth: 0,
WebkitAppRegion: "drag" WebkitAppRegion: "drag"

2
app/library/playlists/page.tsx
View File

@@ -31,7 +31,7 @@ const PlaylistsPage: React.FC = () => {
} }
return ( return (
<div className="h-full px-4 py-6 lg:px-8"> <div className="container mx-auto p-6 pb-24 max-w-none">
<Tabs defaultValue="music" className="h-full space-y-6"> <Tabs defaultValue="music" className="h-full space-y-6">
<TabsContent value="music" className="border-none p-0 outline-hidden"> <TabsContent value="music" className="border-none p-0 outline-hidden">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">

2
app/page.tsx
View File

@@ -181,7 +181,7 @@ export default function MusicPage() {
return ( return (
<div className="h-full px-4 py-6 lg:px-8 pb-24"> <div className="container mx-auto p-6 pb-24 max-w-none">
<div className="relative rounded-lg p-8"> <div className="relative rounded-lg p-8">
<div className="relative rounded-sm p-10"> <div className="relative rounded-sm p-10">
<div <div

2
app/queue/page.tsx
View File

@@ -19,7 +19,7 @@ const QueuePage: React.FC = () => {
}; };
return ( return (
<div className="h-full px-4 py-6 lg:px-8 pb-24"> <div className="container mx-auto p-6 pb-24 max-w-none">
<div className="space-y-6"> <div className="space-y-6">
{/* Header */} {/* Header */}
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">

16
app/radio/page.tsx
View File

@@ -135,17 +135,15 @@ const RadioStationsPage = () => {
} }
return ( return (
<div className="container mx-auto p-6 max-w-4xl"> <div className="container mx-auto p-6 pb-24 max-w-none">
<div className="space-y-6"> <div className="space-y-2">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between border-b pb-4 mb-4">
<div> <div>
<h1 className="text-3xl font-semibold tracking-tight flex items-center gap-2"> <h1 className="text-3xl font-bold">Radio Stations</h1>
<FaWifi className="w-8 h-8" /> <p className="text-muted-foreground text-sm">
Radio Stations Listen to internet radio stations.
</h1> </p>
<p className="text-muted-foreground">Listen to internet radio streams</p>
</div> </div>
<Dialog open={isAddDialogOpen} onOpenChange={setIsAddDialogOpen}> <Dialog open={isAddDialogOpen} onOpenChange={setIsAddDialogOpen}>
<DialogTrigger asChild> <DialogTrigger asChild>
<Button> <Button>

2
app/search/page.tsx
View File

@@ -101,7 +101,7 @@ export default function SearchPage() {
}; };
return ( return (
<div className="h-full px-4 py-6 lg:px-8 pb-32"> <div className="container mx-auto p-6 pb-32 max-w-none">
<div className="space-y-6"> <div className="space-y-6">
{/* Header */} {/* Header */}
<div className="space-y-1"> <div className="space-y-1">

2
app/settings/page.tsx
View File

@@ -303,7 +303,7 @@ const SettingsPage = () => {
}; };
return ( return (
<div className="container mx-auto p-6 pb-24 max-w-none"> <div className="p-6 pb-24 w-full">
{!isClient ? ( {!isClient ? (
<div className="space-y-6 max-w-2xl mx-auto"> <div className="space-y-6 max-w-2xl mx-auto">
<div> <div>