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

feat: update NEXT_PUBLIC_COMMIT_SHA and enhance MusicPage styling with improved layout and dimensions

Browse Source
This commit is contained in:
angel
2025-06-26 14:22:15 -05:00
parent e43dbbfd7e
commit e88d8b226e
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.env.local
View File

@@ -1 +1 @@
NEXT_PUBLIC_COMMIT_SHA=b6ea2fc NEXT_PUBLIC_COMMIT_SHA=e43dbbf

18
app/page.tsx
View File

@@ -39,7 +39,7 @@ export default function MusicPage() {
return ( return (
<div className="h-full px-4 py-6 lg:px-8 pb-24"> <div className="h-full px-4 py-6 lg:px-8 pb-24">
<h1 className="text-2xl font-bold mb-4">{greeting}{userName ? `, ${userName}` : ''}!</h1> <h1 className="text-3xl font-bold mb-4">{greeting}{userName ? `, ${userName}` : ''}!</h1>
<> <>
<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-none"> <TabsContent value="music" className="border-none p-0 outline-none">
@@ -60,17 +60,17 @@ export default function MusicPage() {
{isLoading ? ( {isLoading ? (
// Loading skeletons // Loading skeletons
Array.from({ length: 6 }).map((_, i) => ( Array.from({ length: 6 }).map((_, i) => (
<div key={i} className="w-[300px] h-[300px] bg-muted animate-pulse rounded-md flex-shrink-0" /> <div key={i} className="w-[220px] h-[220px] bg-muted animate-pulse rounded-md flex-shrink-0" />
)) ))
) : ( ) : (
recentAlbums.map((album) => ( recentAlbums.map((album) => (
<AlbumArtwork <AlbumArtwork
key={album.id} key={album.id}
album={album} album={album}
className="w-[300px] flex-shrink-0" className="w-[220px] flex-shrink-0"
aspectRatio="square" aspectRatio="square"
width={300} width={220}
height={300} height={220}
/> />
)) ))
)} )}
@@ -93,17 +93,17 @@ export default function MusicPage() {
{isLoading ? ( {isLoading ? (
// Loading skeletons // Loading skeletons
Array.from({ length: 10 }).map((_, i) => ( Array.from({ length: 10 }).map((_, i) => (
<div key={i} className="w-[150px] h-[150px] bg-muted animate-pulse rounded-md flex-shrink-0" /> <div key={i} className="w-[220px] h-[200px] bg-muted animate-pulse rounded-md flex-shrink-0" />
)) ))
) : ( ) : (
newestAlbums.map((album) => ( newestAlbums.map((album) => (
<AlbumArtwork <AlbumArtwork
key={album.id} key={album.id}
album={album} album={album}
className="w-[150px] flex-shrink-0" className="w-[220px] flex-shrink-0"
aspectRatio="square" aspectRatio="square"
width={150} width={220}
height={150} height={220}
/> />
)) ))
)} )}