mary.my.id
+2
-4
src/components/embeds/external-embed.tsx
+2
-4
src/components/embeds/external-embed.tsx
···
55
55
>
56
56
{thumb && <img src={thumb} class="h-full w-full object-cover" />}
57
57
58
-
<div class="absolute inset-0 grid place-items-center">
59
-
<div class="grid h-9 w-9 place-items-center rounded-full border-2 border-white bg-accent">
60
-
<PlaySolidIcon class="text-sm" />
61
-
</div>
58
+
<div class="absolute left-1/2 top-1/2 grid aspect-square h-2/5 max-h-12 -translate-x-1/2 -translate-y-1/2 place-items-center rounded-full bg-p-neutral-700/60 text-white backdrop-blur hover:bg-p-neutral-700/80">
59
+
<PlaySolidIcon class="h-2/5 w-2/5" />
62
60
</div>
63
61
</button>
64
62
+2
-2
src/components/embeds/video-embed.tsx
+2
-2
src/components/embeds/video-embed.tsx
···
74
74
}
75
75
/>
76
76
77
-
<div class="absolute left-1/2 top-1/2 grid -translate-x-1/2 -translate-y-1/2 place-items-center rounded-full bg-p-neutral-700/60 p-3 hover:bg-p-neutral-700/80">
78
-
<PlaySolidIcon class="text-xl" />
77
+
<div class="absolute left-1/2 top-1/2 grid aspect-square h-2/5 max-h-12 -translate-x-1/2 -translate-y-1/2 place-items-center rounded-full bg-p-neutral-700/60 text-white backdrop-blur hover:bg-p-neutral-700/80">
78
+
<PlaySolidIcon class="h-2/5 w-2/5" />
79
79
</div>
80
80
</button>
81
81
}