ershisan99/coolify
1
0
Fork 0
mirror of https://github.com/ershisan99/coolify.git synced 2026-01-27 05:02:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

ui: more UI improvements

Browse Source
This commit is contained in:
Andras Bacsai
2022-09-22 15:48:16 +02:00
parent 9066952759
commit 3d6adeffc4
14 changed files with 597 additions and 557 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
apps/ui/src/routes/applications/[id]/_Storage.svelte
View File

@@ -59,32 +59,39 @@
}
</script>
<td>
<input
bind:value={storage.path}
required
placeholder="eg: /sqlite.db"
/>
</td>
<td>
{#if isNew}
<div class="flex items-center justify-center">
<button class="btn btn-sm bg-applications" on:click={() => saveStorage(true)}
>{$t('forms.add')}</button
>
<div class="w-full font-bold grid gap-2">
<div class="flex flex-col">
<label for="name" class="pb-2 uppercase">{!isNew ? 'name' : ''}</label>
{#if isNew}
<div class="lg:hidden block pt-10 pb-2 uppercase">New Persistent Storage</div>
{/if}
<div class="flex flex-col lg:flex-row lg:space-y-0 space-y-2">
<input
class="w-full lg:w-64"
bind:value={storage.path}
required
placeholder="eg: /sqlite.db"
/>
{#if isNew}
<div class="flex items-center justify-center w-full lg:w-64">
<button class="btn btn-sm btn-primary" on:click={() => saveStorage(true)}
>{$t('forms.add')}</button
>
</div>
{:else}
<div class="flex flex-row items-center justify-center space-x-2 w-full lg:w-64">
<div class="flex items-center justify-center">
<button class="btn btn-sm btn-primary" on:click={() => saveStorage(false)}
>{$t('forms.set')}</button
>
</div>
<div class="flex justify-center">
<button class="btn btn-sm btn-error" on:click={removeStorage}
>{$t('forms.remove')}</button
>
</div>
</div>
{/if}
</div>
{:else}
<div class="flex flex-row justify-center space-x-2">
<div class="flex items-center justify-center">
<button class="btn btn-sm bg-applications" on:click={() => saveStorage(false)}
>{$t('forms.set')}</button
>
</div>
<div class="flex justify-center items-end">
<button class="btn btn-sm bg-red-600 hover:bg-red-500" on:click={removeStorage}
>{$t('forms.remove')}</button
>
</div>
</div>
{/if}
</td>
</div>
</div>