vibeasite-templates/template-music
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Seed: music template (13 files)

Browse Source
This commit is contained in:
jyswee
2026-07-23 23:00:00 +00:00
parent 9d49bfbd0e
commit 8f2f7be972
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Music.tsx
+1 -1
View File
@@ -90,7 +90,7 @@ export default function MusicPage() {
<div className="mx-auto max-w-5xl grid sm:grid-cols-2 lg:grid-cols-3 gap-6 stagger"> <div className="mx-auto max-w-5xl grid sm:grid-cols-2 lg:grid-cols-3 gap-6 stagger">
{filtered.map((r, i) => ( {filtered.map((r, i) => (
<Card key={i} className="backdrop-blur-sm bg-card/80 border-border/50 hover:border-purple-500/30 hover:-translate-y-1 hover:shadow-lg transition-all duration-300 overflow-hidden"> <Card key={i} className="backdrop-blur-sm bg-card/80 border-border/50 hover:border-purple-500/30 hover:-translate-y-1 hover:shadow-lg transition-all duration-300 overflow-hidden">
<div className={`aspect-square bg-gradient-to-br \${r.gradient} flex items-center justify-center relative`}> <div className={`aspect-square bg-gradient-to-br ${r.gradient} flex items-center justify-center relative`}>
<Music className="h-20 w-20 text-white/50" /> <Music className="h-20 w-20 text-white/50" />
<Badge className="absolute top-3 right-3 bg-black/40 text-white border-white/20 text-xs">{r.type === "Albums" ? "Album" : r.type === "EPs" ? "EP" : "Single"}</Badge> <Badge className="absolute top-3 right-3 bg-black/40 text-white border-white/20 text-xs">{r.type === "Albums" ? "Album" : r.type === "EPs" ? "EP" : "Single"}</Badge>
</div> </div>