nfel/podzahr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

main: added presigned url + favicon

Browse Source 
Signed-off-by: nfel <nfilsaraee@gmail.com>
This commit is contained in:
nfel
2026-01-01 19:06:11 +03:30
parent 9fd79a2d4e
commit 9478aa319f
10 changed files with 955 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/album/[id]/page.tsx
+24 -14
View File
@@ -147,11 +147,21 @@ export default function AlbumDetailPage() {
transition={{ duration: 0.6 }}
className="relative"
>
<div className="aspect-square overflow-hidden bg-paper-brown flex items-center justify-center border-4 border-paper-dark shadow-paper-lg">
<div className="absolute inset-0 cardboard-texture"></div>
<div className="relative z-10 text-6xl md:text-8xl font-bold text-paper-dark/20 p-8 text-center">
{album.title}
</div>
<div className="aspect-square overflow-hidden bg-paper-brown border-4 border-paper-dark shadow-paper-lg">
{album.coverImage ? (
<img
src={album.coverImage}
alt={album.title}
className="w-full h-full object-cover"
/>
) : (
<div className="w-full h-full flex items-center justify-center relative">
<div className="absolute inset-0 cardboard-texture"></div>
<div className="relative z-10 text-6xl md:text-8xl font-bold text-paper-dark/20 p-8 text-center">
{album.title}
</div>
</div>
)}
</div>
{isPurchased && (
@@ -250,29 +260,29 @@ export default function AlbumDetailPage() {
initial={{ opacity: 0, x: -20 }}
animate={{ opacity: 1, x: 0 }}
transition={{ duration: 0.4, delay: index * 0.05 }}
className="flex items-center justify-between p-4 hover:bg-paper-sand border-2 border-transparent hover:border-paper-brown transition-all group cursor-pointer"
className="flex items-center justify-between p-3 md:p-4 hover:bg-paper-sand border-2 border-transparent hover:border-paper-brown transition-all group cursor-pointer"
onClick={() => setCurrentAlbum(album)}
>
<div className="flex items-center gap-4 flex-1">
<span className="text-paper-gray font-mono text-sm w-8">
<div className="flex items-center gap-2 md:gap-4 flex-1 min-w-0">
<span className="text-paper-gray font-mono text-xs md:text-sm w-6 md:w-8 flex-shrink-0">
{String(index + 1).padStart(2, '0')}
</span>
<div className="flex-1">
<h3 className="text-paper-dark font-medium group-hover:font-bold transition-all">
<div className="flex-1 min-w-0">
<h3 className="text-paper-dark font-medium group-hover:font-bold transition-all truncate text-sm md:text-base">
{song.title}
</h3>
</div>
</div>
<div className="flex items-center gap-6">
<div className="flex items-center gap-2 md:gap-6 flex-shrink-0">
{!isPurchased && (
<span className="text-xs text-paper-dark px-2 py-1 bg-paper-brown/20 border border-paper-brown">
<span className="hidden sm:inline text-xs text-paper-dark px-2 py-1 bg-paper-brown/20 border border-paper-brown whitespace-nowrap">
Preview
</span>
)}
<span className="text-paper-brown text-sm font-mono">
<span className="text-paper-brown text-xs md:text-sm font-mono whitespace-nowrap">
{song.duration}
</span>
<FaPlay className="text-paper-dark opacity-0 group-hover:opacity-100 transition-opacity" />
<FaPlay className="text-paper-dark opacity-0 group-hover:opacity-100 transition-opacity text-xs md:text-base flex-shrink-0" />
</div>
</motion.div>
))}