ershisan99/coolify
1
0
Fork 0
mirror of https://github.com/ershisan99/coolify.git synced 2026-01-03 20:52:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

ui: fixes

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

29
src/routes/databases/index.svelte
View File

@@ -50,12 +50,13 @@
<div class="flex-col">
<div class="text-center text-xl font-bold">No databases found</div>
</div>
{:else}
{/if}
{#if ownDatabases.length > 0 || otherDatabases.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 ownDatabases as database}
<a href="/databases/{database.id}" class="no-underline p-2 w-96">
<div class="box-selection relative hover:bg-purple-600 group">
<a href="/databases/{database.id}" class="w-96 p-2 no-underline">
<div class="box-selection group relative hover:bg-purple-600">
{#if database.type === 'clickhouse'}
<Clickhouse isAbsolute />
{:else if database.type === 'couchdb'}
@@ -69,14 +70,14 @@
{:else if database.type === 'redis'}
<Redis isAbsolute />
{/if}
<div class="font-bold text-xl text-center truncate">
<div class="truncate text-center text-xl font-bold">
{database.name}
</div>
{#if $session.teamId === '0' && otherDatabases.length > 0}
<div class="text-center truncate">{database.teams[0].name}</div>
<div class="truncate text-center">{database.teams[0].name}</div>
{/if}
{#if !database.type}
<div class="font-bold text-center truncate text-red-500 group-hover:text-white">
<div class="truncate text-center font-bold text-red-500 group-hover:text-white">
Configuration missing
</div>
{/if}
@@ -85,11 +86,11 @@
{/each}
</div>
{#if otherDatabases.length > 0 && $session.teamId === '0'}
<div class="text-xl font-bold pb-5 pt-10 px-6">Other Databases</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 Databases</div>
<div class="flex flex-col flex-wrap justify-center px-2 md:flex-row">
{#each otherDatabases as database}
<a href="/databases/{database.id}" class="no-underline p-2 w-96">
<div class="box-selection relative hover:bg-purple-600 group">
<a href="/databases/{database.id}" class="w-96 p-2 no-underline">
<div class="box-selection group relative hover:bg-purple-600">
{#if database.type === 'clickhouse'}
<Clickhouse isAbsolute />
{:else if database.type === 'couchdb'}
@@ -103,14 +104,14 @@
{:else if database.type === 'redis'}
<Redis isAbsolute />
{/if}
<div class="font-bold text-xl text-center truncate">
<div class="truncate text-center text-xl font-bold">
{database.name}
</div>
{#if $session.teamId === '0'}
<div class="text-center truncate">{database.teams[0].name}</div>
<div class="truncate text-center">{database.teams[0].name}</div>
{/if}
{#if !database.type}
<div class="font-bold text-center truncate text-red-500 group-hover:text-white">
<div class="truncate text-center font-bold text-red-500 group-hover:text-white">
Configuration missing
</div>
{:else}