WIP. A little custom music server
change album and add object-cover to cover image
+3
-3
+3
-3
web/src/pages/album/index.tsx
+3
-3
web/src/pages/album/index.tsx
···
6
6
async function getMock() {
7
7
return {
8
8
title: "SISTER",
9
-
cover: "https://images.genius.com/04fb7f45d7023e0e608278c4fdcc5c14.1000x1000x1.png",
9
+
cover: "https://writteninmusic.com/wp-content/uploads/2025/09/TOP-Breach.jpg",
10
10
artists: [
11
11
{
12
12
id: "1234",
···
119
119
Effect.gen(function* () {
120
120
const data = yield* Effect.tryPromise(() => getMock());
121
121
122
-
const album = yield* fetchAlbum("01994481-4827-7006-a05e-59b6aefa2ddb");
122
+
const album = yield* fetchAlbum("019950fd-d124-7007-934a-49bc1fed41a2");
123
123
124
124
return (
125
125
<div className="grid grid-cols-1 lg:grid-cols-[1fr_4fr] max-w-6xl w-full gap-x-8 px-8 py-12">
···
130
130
src={data.cover}
131
131
width={900}
132
132
height={900}
133
-
className="max-w-[400px] max-h-[400px] aspect-square min-w-[400px] min-h-[400px] rounded-2xl transform rotate-1 hover:rotate-0 transition-transform duration-500"
133
+
className="max-w-[400px] max-h-[400px] aspect-square min-w-[400px] min-h-[400px] rounded-2xl transform rotate-1 hover:rotate-0 transition-transform duration-500 object-cover"
134
134
/>
135
135
136
136
<div className="space-y-3">