center article of compilation

This commit is contained in:
valere
2024-09-16 17:31:28 +02:00
parent 444a3fef2d
commit f5bff6aafc

View File

@@ -22,7 +22,7 @@
<source src="https://files.erudi.fr/evilspins/sloughi-run-loop-small.webm" type="video/webm"
media="all and (max-width: 640px)">
</video>
<div class="mix hide bg-black w-full screen overflow-scroll">
<div class="mix hide bg-black w-full screen overflow-scroll flex items-center flex-col">
<button class="button button--close m-4 flex justify-center items-center z-50" @click="closePlayer()">
<svg width="20px" height="30px">
<line x1="0" y1="0" x2="20" y2="20" stroke="black" stroke-width="2" />
@@ -33,7 +33,7 @@
<source :src="mixPlayerSourceHD" type="video/mp4">
<source :src="mixPlayerSourceSD" type="video/mp4" media="all and (max-width: 640px)">
</video>
<article class="text-white p-8">
<article class="text-white p-8 max-w-5xl">
<h3 class="text-5xl">
{{ currentTitle }}
</h3>
@@ -41,16 +41,16 @@
{{ currentArtist.name }}
</h2>
<h4 class="text-xl text-slate-200">
{{ currentCompilationName }}
evilSpins #{{ currentCompilationName }}
</h4>
<p class="block mt-10">
see artist page:<br>
<a target="_blank" class="underline text-slate-400" :href="currentLink">
<a target="_blank" class="underline text-orange-500 hover:text-orange-400" :href="currentLink">
{{ currentArtist.url }}
</a><br>
purchace the track:<br>
<a target="_blank" class="underline text-slate-400" :href="currentLink">
<a target="_blank" class="underline text-orange-500 hover:text-orange-400" :href="currentLink">
{{ currentLink }}
</a><br>
<br>