fix(routes): ui from databases page

This commit is contained in:
Kaname 2022-09-07 00:22:56 +00:00
parent 9185910171
commit cab15055e7
7 changed files with 20 additions and 18 deletions

View File

@ -7,7 +7,7 @@
<div class="flex space-x-1 py-5 font-bold"> <div class="flex space-x-1 py-5 font-bold">
<h1 class="title">CouchDB</h1> <h1 class="title">CouchDB</h1>
</div> </div>
<div class="space-y-2"> <div class="space-y-2 lg:px-10">
<div class="grid grid-cols-2 items-center"> <div class="grid grid-cols-2 items-center">
<label for="defaultDatabase" class="text-base font-bold text-stone-100" <label for="defaultDatabase" class="text-base font-bold text-stone-100"
>{$t('database.default_database')}</label >{$t('database.default_database')}</label

View File

@ -119,7 +119,7 @@
> >
{/if} {/if}
</div> </div>
<div class="grid gap-4 grid-cols-2 auto-rows-max"> <div class="grid gap-4 grid-cols-2 auto-rows-max lg:px-10">
<label for="name" class="text-base font-bold text-stone-100">{$t('forms.name')}</label> <label for="name" class="text-base font-bold text-stone-100">{$t('forms.name')}</label>
<input <input
class="w-full" class="w-full"
@ -202,22 +202,24 @@
{/if}</label {/if}</label
> >
</div> </div>
<CopyPasswordField <div class="lg:px-10">
textarea={true} <CopyPasswordField
placeholder={$t('forms.generated_automatically_after_start')} textarea={true}
isPasswordField={false} placeholder={$t('forms.generated_automatically_after_start')}
id="url" isPasswordField={false}
name="url" id="url"
readonly name="url"
disabled readonly
value={publicLoading || loading ? 'Loading...' : generateUrl()} disabled
/> value={publicLoading || loading ? 'Loading...' : generateUrl()}
/>
</div>
</div> </div>
</form> </form>
<div class="flex space-x-1 pb-5 font-bold"> <div class="flex space-x-1 pb-5 font-bold">
<h1 class="title">{$t('application.features')}</h1> <h1 class="title">{$t('application.features')}</h1>
</div> </div>
<div class="grid gap-4 grid-cols-2 auto-rows-max"> <div class="grid gap-4 grid-cols-2 auto-rows-max lg:px-10">
<Setting <Setting
id="isPublic" id="isPublic"
loading={publicLoading} loading={publicLoading}

View File

@ -9,7 +9,7 @@
<div class="flex space-x-1 py-5 font-bold"> <div class="flex space-x-1 py-5 font-bold">
<h1 class="title">MariaDB</h1> <h1 class="title">MariaDB</h1>
</div> </div>
<div class="space-y-2"> <div class="space-y-2 lg:px-10">
<div class="grid grid-cols-2 items-center"> <div class="grid grid-cols-2 items-center">
<label for="defaultDatabase" class="text-base font-bold text-stone-100" <label for="defaultDatabase" class="text-base font-bold text-stone-100"
>{$t('database.default_database')}</label >{$t('database.default_database')}</label

View File

@ -9,7 +9,7 @@
<div class="flex space-x-1 py-5 font-bold"> <div class="flex space-x-1 py-5 font-bold">
<h1 class="title">MongoDB</h1> <h1 class="title">MongoDB</h1>
</div> </div>
<div class="space-y-2"> <div class="space-y-2 lg:px-10">
<div class="grid grid-cols-2 items-center"> <div class="grid grid-cols-2 items-center">
<label for="rootUser" class="text-base font-bold text-stone-100">{$t('forms.root_user')}</label> <label for="rootUser" class="text-base font-bold text-stone-100">{$t('forms.root_user')}</label>
<CopyPasswordField <CopyPasswordField

View File

@ -9,7 +9,7 @@
<div class="flex space-x-1 py-5 font-bold"> <div class="flex space-x-1 py-5 font-bold">
<h1 class="title">MySQL</h1> <h1 class="title">MySQL</h1>
</div> </div>
<div class="space-y-2"> <div class="space-y-2 lg:px-10">
<div class="grid grid-cols-2 items-center"> <div class="grid grid-cols-2 items-center">
<label for="defaultDatabase" class="text-base font-bold text-stone-100" <label for="defaultDatabase" class="text-base font-bold text-stone-100"
>{$t('database.default_database')}</label >{$t('database.default_database')}</label

View File

@ -9,7 +9,7 @@
<div class="flex space-x-1 py-5 font-bold"> <div class="flex space-x-1 py-5 font-bold">
<h1 class="title">PostgreSQL</h1> <h1 class="title">PostgreSQL</h1>
</div> </div>
<div class="space-y-2"> <div class="space-y-2 lg:px-10">
<div class="grid grid-cols-2 items-center"> <div class="grid grid-cols-2 items-center">
<label for="defaultDatabase" class="text-base font-bold text-stone-100" <label for="defaultDatabase" class="text-base font-bold text-stone-100"
>{$t('database.default_database')}</label >{$t('database.default_database')}</label

View File

@ -9,7 +9,7 @@
<div class="flex space-x-1 py-5 font-bold"> <div class="flex space-x-1 py-5 font-bold">
<h1 class="title">Redis</h1> <h1 class="title">Redis</h1>
</div> </div>
<div class="space-y-2"> <div class="space-y-2 lg:px-10">
<div class="grid grid-cols-2 items-center"> <div class="grid grid-cols-2 items-center">
<label for="dbUserPassword" class="text-base font-bold text-stone-100" <label for="dbUserPassword" class="text-base font-bold text-stone-100"
>{$t('forms.password')} >{$t('forms.password')}