ui: fixes

This commit is contained in:
Andras Bacsai
2022-04-07 15:50:57 +02:00
parent 9c47b8495c
commit eb2e07afc5
6 changed files with 25 additions and 25 deletions

View File

@@ -48,16 +48,16 @@
{:else} {:else}
<div class="flex flex-col"> <div class="flex flex-col">
{#if $session.teamId === '0'} {#if $session.teamId === '0'}
<div class="text-xl font-bold pb-5 -ml-10">Your Team's Applications</div> <div class="text-xl font-bold pb-5">Your Team's Applications</div>
{/if} {/if}
<div class="flex flex-col md:flex-row flex-wrap"> <div class="flex flex-col md:flex-row flex-wrap px-2 justify-center">
{#each ownApplications as application} {#each ownApplications as application}
<Application {application} /> <Application {application} />
{/each} {/each}
</div> </div>
{#if otherApplications.length > 0 && $session.teamId === '0'} {#if otherApplications.length > 0 && $session.teamId === '0'}
<div class="text-xl font-bold pb-5 pt-10 -ml-10">Other Team's Applications</div> <div class="text-xl font-bold pb-5 pt-10">Other Team's Applications</div>
<div class="flex flex-col md:flex-row flex-wrap"> <div class="flex flex-col md:flex-row flex-wrap px-2 justify-center">
{#each otherApplications as application} {#each otherApplications as application}
<Application {application} /> <Application {application} />
{/each} {/each}

View File

@@ -51,11 +51,11 @@
<div class="text-center text-xl font-bold">No databases found</div> <div class="text-center text-xl font-bold">No databases found</div>
</div> </div>
{:else} {:else}
<div class="flex flex-col"> <div class="flex flex-col px-8">
{#if $session.teamId === '0'} {#if $session.teamId === '0'}
<div class="text-xl font-bold pb-5 -ml-10">Your Team's Databases</div> <div class="text-xl font-bold pb-5">Your Team's Databases</div>
{/if} {/if}
<div class="flex flex-col md:flex-row flex-wrap"> <div class="flex flex-col md:flex-row flex-wrap px-2 justify-center">
{#each ownDatabases as database} {#each ownDatabases as database}
<a href="/databases/{database.id}" class="no-underline p-2 w-96"> <a href="/databases/{database.id}" class="no-underline p-2 w-96">
<div class="box-selection relative hover:bg-purple-600 group"> <div class="box-selection relative hover:bg-purple-600 group">
@@ -90,8 +90,8 @@
{/each} {/each}
</div> </div>
{#if otherDatabases.length > 0 && $session.teamId === '0'} {#if otherDatabases.length > 0 && $session.teamId === '0'}
<div class="text-xl font-bold pb-5 pt-10 -ml-10">Other Team's Databases</div> <div class="text-xl font-bold pb-5 pt-10">Other Team's Databases</div>
<div class="flex flex-col md:flex-row flex-wrap"> <div class="flex flex-col md:flex-row flex-wrap px-2 justify-center">
{#each otherDatabases as database} {#each otherDatabases as database}
<a href="/databases/{database.id}" class="no-underline p-2 w-96"> <a href="/databases/{database.id}" class="no-underline p-2 w-96">
<div class="box-selection relative hover:bg-purple-600 group"> <div class="box-selection relative hover:bg-purple-600 group">

View File

@@ -64,9 +64,9 @@
{:else} {:else}
<div class="flex flex-col"> <div class="flex flex-col">
{#if $session.teamId === '0'} {#if $session.teamId === '0'}
<div class="text-xl font-bold pb-5 -ml-10">Your Team's Destinations</div> <div class="text-xl font-bold pb-5">Your Team's Destinations</div>
{/if} {/if}
<div class="flex flex-col md:flex-row flex-wrap"> <div class="flex flex-col md:flex-row flex-wrap px-2 justify-center">
{#each ownDestinations as destination} {#each ownDestinations as destination}
<a href="/destinations/{destination.id}" class="no-underline p-2 w-96"> <a href="/destinations/{destination.id}" class="no-underline p-2 w-96">
<div class="box-selection hover:bg-sky-600"> <div class="box-selection hover:bg-sky-600">
@@ -81,8 +81,8 @@
</div> </div>
{#if otherDestinations.length > 0 && $session.teamId === '0'} {#if otherDestinations.length > 0 && $session.teamId === '0'}
<div class="text-xl font-bold pb-5 pt-10 -ml-10">Other Team's Destinations</div> <div class="text-xl font-bold pb-5 pt-10">Other Team's Destinations</div>
<div class="flex flex-col md:flex-row flex-wrap"> <div class="flex flex-col md:flex-row flex-wrap px-2 justify-center">
{#each otherDestinations as destination} {#each otherDestinations as destination}
<a href="/destinations/{destination.id}" class="no-underline p-2 w-96"> <a href="/destinations/{destination.id}" class="no-underline p-2 w-96">
<div class="box-selection hover:bg-sky-600"> <div class="box-selection hover:bg-sky-600">

View File

@@ -58,9 +58,9 @@
{:else} {:else}
<div class="flex flex-col"> <div class="flex flex-col">
{#if $session.teamId === '0'} {#if $session.teamId === '0'}
<div class="text-xl font-bold pb-5 -ml-10">Your Team's Applications</div> <div class="text-xl font-bold pb-5">Your Team's Applications</div>
{/if} {/if}
<div class="flex flex-col md:flex-row flex-wrap"> <div class="flex flex-col md:flex-row flex-wrap px-2 justify-center">
{#each ownServices as service} {#each ownServices as service}
<a href="/services/{service.id}" class="no-underline p-2 w-96"> <a href="/services/{service.id}" class="no-underline p-2 w-96">
<div class="box-selection relative hover:bg-pink-600 group"> <div class="box-selection relative hover:bg-pink-600 group">
@@ -105,8 +105,8 @@
{/each} {/each}
</div> </div>
{#if otherServices.length > 0 && $session.teamId === '0'} {#if otherServices.length > 0 && $session.teamId === '0'}
<div class="text-xl font-bold pb-5 pt-10 -ml-10">Other Team's Applications</div> <div class="text-xl font-bold pb-5 pt-10 ">Other Team's Applications</div>
<div class="flex flex-col md:flex-row flex-wrap"> <div class="flex flex-col md:flex-row flex-wrap px-2 justify-center">
{#each otherServices as service} {#each otherServices as service}
<a href="/services/{service.id}" class="no-underline p-2 w-96"> <a href="/services/{service.id}" class="no-underline p-2 w-96">
<div class="box-selection relative hover:bg-pink-600 group"> <div class="box-selection relative hover:bg-pink-600 group">

View File

@@ -62,9 +62,9 @@
{:else} {:else}
<div class="flex flex-col"> <div class="flex flex-col">
{#if $session.teamId === '0'} {#if $session.teamId === '0'}
<div class="text-xl font-bold pb-5 -ml-10">Your Team's Applications</div> <div class="text-xl font-bold pb-5">Your Team's Applications</div>
{/if} {/if}
<div class="flex flex-col md:flex-row flex-wrap"> <div class="flex flex-col md:flex-row flex-wrap px-2 justify-center">
{#each ownSources as source} {#each ownSources as source}
<a href="/sources/{source.id}" class="no-underline p-2 w-96"> <a href="/sources/{source.id}" class="no-underline p-2 w-96">
<div <div
@@ -90,8 +90,8 @@
</div> </div>
{#if otherSources.length > 0 && $session.teamId === '0'} {#if otherSources.length > 0 && $session.teamId === '0'}
<div class="text-xl font-bold pb-5 pt-10 -ml-10">Other Team's Applications</div> <div class="text-xl font-bold pb-5 pt-10 ">Other Team's Applications</div>
<div class="flex flex-col md:flex-row flex-wrap"> <div class="flex flex-col md:flex-row flex-wrap px-2 justify-center">
{#each otherSources as source} {#each otherSources as source}
<a href="/sources/{source.id}" class="no-underline p-2 w-96"> <a href="/sources/{source.id}" class="no-underline p-2 w-96">
<div <div

View File

@@ -103,8 +103,8 @@
{/if} {/if}
<div class="flex flex-wrap justify-center"> <div class="flex flex-wrap justify-center">
<div class="flex flex-col"> <div class="flex flex-col">
<div class="-ml-10 pb-5 text-xl font-bold">Current Team</div> <div class=" pb-5 text-xl font-bold">Current Team</div>
<div class="flex flex-col flex-wrap md:flex-row"> <div class="flex flex-col flex-wrap justify-center px-2 md:flex-row">
{#each ownTeams as team} {#each ownTeams as team}
<a href="/teams/{team.teamId}" class="w-96 p-2 no-underline"> <a href="/teams/{team.teamId}" class="w-96 p-2 no-underline">
<div <div
@@ -123,8 +123,8 @@
{/each} {/each}
</div> </div>
<div class="-ml-10 pb-5 pt-10 text-xl font-bold">Other Teams</div> <div class=" pb-5 pt-10 text-xl font-bold">Other Teams</div>
<div class="flex flex-col flex-wrap md:flex-row"> <div class="flex flex-col flex-wrap justify-center px-2 md:flex-row">
{#each otherTeams as team} {#each otherTeams as team}
<a href="/teams/{team.teamId}" class="w-96 p-2 no-underline"> <a href="/teams/{team.teamId}" class="w-96 p-2 no-underline">
<div <div