cupcakearmy/coolify
1
0
Fork 0
mirror of https://github.com/cupcakearmy/coolify.git synced 2024-10-23 08:34:11 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

ui fixes

Browse Source
This commit is contained in:
Andras Bacsai 2022-07-25 20:57:47 +00:00
parent baf40eb6d4
commit a5e44f7820
7 changed files with 48 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/ui/src/routes/applications/index.svelte
View File

@ -161,7 +161,7 @@
{/each} {/each}
</div> </div>
{#if otherApplications.length > 0 && $appSession.teamId === '0'} {#if otherApplications.length > 0 && $appSession.teamId === '0'}
<div class="px-6 pb-5 pt-10 text-xl font-bold">Other Applications</div> <div class="px-6 pb-5 pt-10 text-2xl font-bold text-center">Other Applications</div>
<div class="flex flex-col flex-wrap justify-center px-2 md:flex-row"> <div class="flex flex-col flex-wrap justify-center px-2 md:flex-row">
{#each otherApplications as application} {#each otherApplications as application}
<a href="/applications/{application.id}" class="p-2 no-underline"> <a href="/applications/{application.id}" class="p-2 no-underline">

2
apps/ui/src/routes/databases/index.svelte
View File

@ -113,7 +113,7 @@
{/each} {/each}
</div> </div>
{#if otherDatabases.length > 0 && $appSession.teamId === '0'} {#if otherDatabases.length > 0 && $appSession.teamId === '0'}
<div class="px-6 pb-5 pt-10 text-xl font-bold">Other Databases</div> <div class="px-6 pb-5 pt-10 text-2xl font-bold text-center">Other Databases</div>
<div class="flex flex-col flex-wrap justify-center px-2 md:flex-row"> <div class="flex flex-col flex-wrap justify-center px-2 md:flex-row">
{#each otherDatabases as database} {#each otherDatabases as database}
<a href="/databases/{database.id}" class="p-2 no-underline"> <a href="/databases/{database.id}" class="p-2 no-underline">

2
apps/ui/src/routes/destinations/index.svelte
View File

@ -123,7 +123,7 @@
</div> </div>
{#if otherDestinations.length > 0 && $appSession.teamId === '0'} {#if otherDestinations.length > 0 && $appSession.teamId === '0'}
<div class="px-6 pb-5 pt-10 text-xl font-bold">Other Destinations</div> <div class="px-6 pb-5 pt-10 text-2xl font-bold text-center">Other Destinations</div>
<div class="flex flex-col flex-wrap justify-center px-2 md:flex-row"> <div class="flex flex-col flex-wrap justify-center px-2 md:flex-row">
{#each otherDestinations as destination} {#each otherDestinations as destination}
<a href="/destinations/{destination.id}" class="p-2 no-underline relative"> <a href="/destinations/{destination.id}" class="p-2 no-underline relative">

84
apps/ui/src/routes/iam/index.svelte
View File

@ -189,54 +189,52 @@
<div class="mx-auto max-w-4xl px-6"> <div class="mx-auto max-w-4xl px-6">
<div class="title font-bold">Teams</div> <div class="title font-bold">Teams</div>
<div class="flex items-center justify-center pt-10"> <div class="flex-col items-center justify-center pt-10">
<div class="flex flex-col"> <div class="flex flex-row flex-wrap justify-center px-2 pb-10 md:flex-row">
<div class="flex flex-row flex-wrap justify-center px-2 pb-10 md:flex-row"> {#each ownTeams as team}
{#each ownTeams as team} <a href="/iam/team/{team.id}" class="p-2 no-underline">
<div class="box-selection relative">
<div>
<div class="truncate text-center text-xl font-bold">
{team.name}
</div>
<div class="mt-1 text-center text-xs">
{team.permissions?.length} member(s)
</div>
</div>
<div class="flex items-center justify-center pt-3">
<button
on:click|preventDefault={() => switchTeam(team.id)}
class:bg-fuchsia-600={$appSession.teamId !== team.id}
class:hover:bg-fuchsia-500={$appSession.teamId !== team.id}
class:bg-transparent={$appSession.teamId === team.id}
disabled={$appSession.teamId === team.id}
>{$appSession.teamId === team.id ? 'Current Team' : 'Switch Team'}</button
>
</div>
</div>
</a>
{/each}
</div>
{#if $appSession.teamId === '0' && allTeams.length > 0}
<div class="pb-5 pt-10 text-xl font-bold">Other Teams</div>
<div class="flex flex-row flex-wrap justify-center px-2 md:flex-row">
{#each allTeams as team}
<a href="/iam/team/{team.id}" class="p-2 no-underline"> <a href="/iam/team/{team.id}" class="p-2 no-underline">
<div class="box-selection relative"> <div
<div> class="box-selection relative"
<div class="truncate text-center text-xl font-bold"> class:hover:bg-fuchsia-600={team.id !== '0'}
{team.name} class:hover:bg-red-500={team.id === '0'}
</div> >
<div class="mt-1 text-center text-xs"> <div class="truncate text-center text-xl font-bold">
{team.permissions?.length} member(s) {team.name}
</div>
</div>
<div class="flex items-center justify-center pt-3">
<button
on:click|preventDefault={() => switchTeam(team.id)}
class:bg-fuchsia-600={$appSession.teamId !== team.id}
class:hover:bg-fuchsia-500={$appSession.teamId !== team.id}
class:bg-transparent={$appSession.teamId === team.id}
disabled={$appSession.teamId === team.id}
>{$appSession.teamId === team.id ? 'Current Team' : 'Switch Team'}</button
>
</div> </div>
<div class="mt-1 text-center">{team.permissions?.length} member(s)</div>
</div> </div>
</a> </a>
{/each} {/each}
</div> </div>
{#if $appSession.teamId === '0' && allTeams.length > 0} {/if}
<div class="pb-5 pt-10 text-xl font-bold">Other Teams</div>
<div class="flex flex-row flex-wrap justify-center px-2 md:flex-row">
{#each allTeams as team}
<a href="/iam/team/{team.id}" class="p-2 no-underline">
<div
class="box-selection relative"
class:hover:bg-fuchsia-600={team.id !== '0'}
class:hover:bg-red-500={team.id === '0'}
>
<div class="truncate text-center text-xl font-bold">
{team.name}
</div>
<div class="mt-1 text-center">{team.permissions?.length} member(s)</div>
</div>
</a>
{/each}
</div>
{/if}
</div>
</div> </div>
</div> </div>

4
apps/ui/src/routes/register.svelte
View File

@ -121,10 +121,10 @@
<div class="flex space-x-2 h-8 items-center justify-center pt-8"> <div class="flex space-x-2 h-8 items-center justify-center pt-8">
<button <button
type="submit" type="submit"
class="hover:bg-coollabs-100 text-white" class="text-white"
disabled={loading} disabled={loading}
class:hover:bg-coollabs-100={!loading}
class:bg-transparent={loading} class:bg-transparent={loading}
class:text-stone-600={loading}
class:bg-coollabs={!loading} class:bg-coollabs={!loading}
>{loading ? $t('register.registering') : $t('register.register')}</button >{loading ? $t('register.registering') : $t('register.register')}</button
> >

2
apps/ui/src/routes/services/index.svelte
View File

@ -98,7 +98,7 @@
{/each} {/each}
</div> </div>
{#if otherServices.length > 0 && $appSession.teamId === '0'} {#if otherServices.length > 0 && $appSession.teamId === '0'}
<div class="px-6 pb-5 pt-10 text-xl font-bold">Other Services</div> <div class="px-6 pb-5 pt-10 text-2xl font-bold text-center">Other Services</div>
<div class="flex flex-col flex-wrap justify-center px-2 md:flex-row"> <div class="flex flex-col flex-wrap justify-center px-2 md:flex-row">
{#each otherServices as service} {#each otherServices as service}
<a href="/services/{service.id}" class="p-2 no-underline"> <a href="/services/{service.id}" class="p-2 no-underline">

2
apps/ui/src/routes/sources/index.svelte
View File

@ -128,7 +128,7 @@
</div> </div>
{#if otherSources.length > 0 && $appSession.teamId === '0'} {#if otherSources.length > 0 && $appSession.teamId === '0'}
<div class="px-6 pb-5 pt-10 text-xl font-bold">Other Sources</div> <div class="px-6 pb-5 pt-10 text-2xl font-bold text-center">Other Sources</div>
<div class="flex flex-col flex-wrap justify-center px-2 md:flex-row"> <div class="flex flex-col flex-wrap justify-center px-2 md:flex-row">
{#each otherSources as source} {#each otherSources as source}
<a href="/sources/{source.id}" class="p-2 no-underline"> <a href="/sources/{source.id}" class="p-2 no-underline">