forked from
rocksky.app/rocksky
A decentralized music tracking and discovery platform built on AT Protocol 🎵
Adjust embed spacing and add CSS utilities
+17
-8
+9
apps/embed/public/styles.css
+9
apps/embed/public/styles.css
···
1485
1485
.mb-\[5px\] {
1486
1486
margin-bottom: 5px;
1487
1487
}
1488
+
.mb-\[10px\] {
1489
+
margin-bottom: 10px;
1490
+
}
1488
1491
.mb-\[15px\] {
1489
1492
margin-bottom: 15px;
1490
1493
}
···
2363
2366
.p-\[15px\] {
2364
2367
padding: 15px;
2365
2368
}
2369
+
.pr-\[0px\] {
2370
+
padding-right: 0px;
2371
+
}
2366
2372
.pr-\[15px\] {
2367
2373
padding-right: 15px;
2374
+
}
2375
+
.pl-\[0px\] {
2376
+
padding-left: 0px;
2368
2377
}
2369
2378
.text-center {
2370
2379
text-align: center;
+2
-2
apps/embed/src/embeds/RecentScrobblesEmbedPage.tsx
+2
-2
apps/embed/src/embeds/RecentScrobblesEmbedPage.tsx
···
16
16
return (
17
17
<div className="p-[15px]">
18
18
<Header profile={props.profile} />
19
-
<h2 className="m-[0px]">Recent Listens</h2>
19
+
<h2 className="m-[0px] mb-[10px]">Recent Listens</h2>
20
20
21
21
<div className="w-full overflow-x-auto">
22
22
<table className="table-borderless table">
23
23
<tbody>
24
24
{props.scrobbles.map((scrobble, index) => (
25
25
<tr key={v4()}>
26
-
<td>
26
+
<td className="pl-[0px] pr-[0px]">
27
27
<div className="flex flex-row items-center">
28
28
<a
29
29
href={`https://rocksky.app/${scrobble.uri?.split("at://")[1]?.replace("app.rocksky.", "")}`}
+2
-2
apps/embed/src/embeds/TopAlbumsEmbedPage.tsx
+2
-2
apps/embed/src/embeds/TopAlbumsEmbedPage.tsx
···
25
25
<tbody>
26
26
{props.albums.map((album, index) => (
27
27
<tr key={v4()}>
28
-
<td>
28
+
<td className="pl-[0px] pr-[0px]">
29
29
<div className="flex flex-row items-center">
30
-
<div className="mr-[20px] min-w-[30px]">{index + 1}</div>
30
+
<div className="mr-[10px] min-w-[30px]">{index + 1}</div>
31
31
<a
32
32
href={`https://rocksky.app/${album.uri?.split("at://")[1]?.replace("app.rocksky.", "")}`}
33
33
target="_blank"
+2
-2
apps/embed/src/embeds/TopArtistsEmbedPage.tsx
+2
-2
apps/embed/src/embeds/TopArtistsEmbedPage.tsx
···
26
26
<tbody>
27
27
{props.artists.map((artist, index) => (
28
28
<tr key={v4()}>
29
-
<td>
29
+
<td className="pl-[0px] pr-[0px]">
30
30
<div className="flex flex-row items-center">
31
-
<div className="mr-[20px] min-w-[30px]">{index + 1}</div>
31
+
<div className="mr-[10px] min-w-[30px]">{index + 1}</div>
32
32
<a
33
33
href={`https://rocksky.app/${artist.uri?.split("at://")[1]?.replace("app.rocksky.", "")}`}
34
34
target="_blank"
+2
-2
apps/embed/src/embeds/TopTracksEmbedPage.tsx
+2
-2
apps/embed/src/embeds/TopTracksEmbedPage.tsx
···
24
24
<tbody>
25
25
{props.tracks.map((track, index) => (
26
26
<tr key={v4()}>
27
-
<td>
27
+
<td className="pl-[0px] pr-[0px]">
28
28
<div className="flex flex-row items-center">
29
-
<div className="mr-[20px] min-w-[30px]">{index + 1}</div>
29
+
<div className="mr-[10px] min-w-[30px]">{index + 1}</div>
30
30
<a
31
31
href={`https://rocksky.app/${track.uri?.split("at://")[1]?.replace("app.rocksky.", "")}`}
32
32
target="_blank"