change bkg (need update home !)
This commit is contained in:
@@ -8,15 +8,15 @@
|
||||
</video>
|
||||
<nav class="text-esyellow w-full flex" v-if="currentTrack">
|
||||
<button v-for="(track, index) in tracks" @click="listenTo(track.start)" :index="track.id"
|
||||
class="border-l-wihte-400 border-l-2 p-2 flex-grow hover:bg-esyellow hover:text-black"
|
||||
class="border-l-wihte-400 border-l-1 p-2 flex-grow hover:bg-esyellow hover:text-black"
|
||||
:class="{ 'border-l-0': index === 0, 'bg-esyellow text-black': track.id === currentTrack.id }">
|
||||
<span class="block lg:text-3xl bold">
|
||||
<span class="block lg:text-3xl font-bold">
|
||||
{{ index + 1 }}
|
||||
</span>
|
||||
<span class="hidden 2xl:block">
|
||||
<span class="hidden 2xl:block hover:text-black" :class="{'text-white': track.id !== currentTrack.id, 'text-black': track.id === currentTrack.id }">
|
||||
{{ track.title }}
|
||||
</span>
|
||||
<span class="hidden lg:block">
|
||||
<span class="hidden lg:block font-bold">
|
||||
{{ getArtistName(track.artist) }}
|
||||
</span>
|
||||
</button>
|
||||
@@ -151,4 +151,8 @@ nav>button:first-child {
|
||||
content: "\00d7";
|
||||
}
|
||||
}
|
||||
|
||||
.border-l-1 {
|
||||
border-left: grey solid 1px;
|
||||
}
|
||||
</style>
|
||||
|
Reference in New Issue
Block a user