ui: fixes

This commit is contained in:
Andras Bacsai
2022-04-08 14:12:06 +02:00
parent 13acf09dcc
commit 66af12f9b5
5 changed files with 63 additions and 58 deletions

View File

@@ -61,33 +61,34 @@
<div class="flex-col">
<div class="text-center text-xl font-bold">No destination found</div>
</div>
{:else}
{/if}
{#if ownDestinations.length > 0 || otherDestinations.length > 0}
<div class="flex flex-col">
<div class="flex flex-col md:flex-row flex-wrap px-2 justify-center">
<div class="flex flex-col flex-wrap justify-center px-2 md:flex-row">
{#each ownDestinations as destination}
<a href="/destinations/{destination.id}" class="no-underline p-2 w-96">
<a href="/destinations/{destination.id}" class="w-96 p-2 no-underline">
<div class="box-selection hover:bg-sky-600">
<div class="font-bold text-xl text-center truncate">{destination.name}</div>
<div class="truncate text-center text-xl font-bold">{destination.name}</div>
{#if $session.teamId === '0' && otherDestinations.length > 0}
<div class="text-center truncate">{destination.teams[0].name}</div>
<div class="truncate text-center">{destination.teams[0].name}</div>
{/if}
<div class="text-center truncate">{destination.network}</div>
<div class="truncate text-center">{destination.network}</div>
</div>
</a>
{/each}
</div>
{#if otherDestinations.length > 0 && $session.teamId === '0'}
<div class="text-xl font-bold pb-5 pt-10 px-6">Other Destinations</div>
<div class="flex flex-col md:flex-row flex-wrap px-2 justify-center">
<div class="px-6 pb-5 pt-10 text-xl font-bold">Other Destinations</div>
<div class="flex flex-col flex-wrap justify-center px-2 md:flex-row">
{#each otherDestinations as destination}
<a href="/destinations/{destination.id}" class="no-underline p-2 w-96">
<a href="/destinations/{destination.id}" class="w-96 p-2 no-underline">
<div class="box-selection hover:bg-sky-600">
<div class="font-bold text-xl text-center truncate">{destination.name}</div>
<div class="truncate text-center text-xl font-bold">{destination.name}</div>
{#if $session.teamId === '0'}
<div class="text-center truncate">{destination.teams[0].name}</div>
<div class="truncate text-center">{destination.teams[0].name}</div>
{/if}
<div class="text-center truncate">{destination.network}</div>
<div class="truncate text-center">{destination.network}</div>
</div>
</a>
{/each}