This commit is contained in:
tree🌴 2023-04-25 07:55:41 +02:00
parent 9f37c73cd6
commit 948e456faa
2 changed files with 33 additions and 18 deletions

View File

@ -161,4 +161,16 @@
.ticket-item:hover .ticket-img { .ticket-item:hover .ticket-img {
filter: invert(100%); filter: invert(100%);
} }
.ticket-item:hover .ticket-bg {
@apply bg-white;
}
.ticket-item .ticket-bg {
z-index: -2;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #010101;
}
} }

View File

@ -135,14 +135,16 @@
<div class="grid lg:grid-cols-2 gap-10 mx-auto"> <div class="grid lg:grid-cols-2 gap-10 mx-auto">
{#each data.config.tickets as tt} {#each data.config.tickets as tt}
<div <div
class="ticket-item {tt.ticketTypeClass} border py-10 px-10 hover:text-black hover:bg-white {data class="ticket-item {tt.ticketTypeClass} border py-10 px-10 hover:text-black {data.config
.config.ticketing .ticketing
? 'cursor-pointer' ? 'cursor-pointer'
: ''}" : ''}"
on:mouseenter={animateSection(40)} on:mouseenter={animateSection(40)}
on:click={() => (data.config.ticketing ? goto(data.config.ticketingUrl) : false)} on:click={() => (data.config.ticketing ? goto(data.config.ticketingUrl) : false)}
> >
<div class="ticket-bg" />
<div class="ticket-img" /> <div class="ticket-img" />
<div style="z-index: 1;">
<div class="text-2xl uppercase"> <div class="text-2xl uppercase">
<a href={data.config.ticketingUrl} class="animate-section">{tt.title}</a> <a href={data.config.ticketingUrl} class="animate-section">{tt.title}</a>
</div> </div>
@ -161,6 +163,7 @@
<div class="mt-10 markdown text-sm"><SvelteMarkdown source={tt.hint} /></div> <div class="mt-10 markdown text-sm"><SvelteMarkdown source={tt.hint} /></div>
{/if} {/if}
</div> </div>
</div>
{/each} {/each}
</div> </div>
{#if data.config.ticketing} {#if data.config.ticketing}