From cab15055e73066a45daeee41eb9cd42f8c5ff9f7 Mon Sep 17 00:00:00 2001
From: Kaname <56084970+kaname-png@users.noreply.github.com>
Date: Wed, 7 Sep 2022 00:22:56 +0000
Subject: [PATCH] fix(routes): ui from databases page
---
.../databases/[id]/_Databases/_CouchDb.svelte | 2 +-
.../[id]/_Databases/_Databases.svelte | 26 ++++++++++---------
.../databases/[id]/_Databases/_MariaDB.svelte | 2 +-
.../databases/[id]/_Databases/_MongoDB.svelte | 2 +-
.../databases/[id]/_Databases/_MySQL.svelte | 2 +-
.../[id]/_Databases/_PostgreSQL.svelte | 2 +-
.../databases/[id]/_Databases/_Redis.svelte | 2 +-
7 files changed, 20 insertions(+), 18 deletions(-)
diff --git a/apps/ui/src/routes/databases/[id]/_Databases/_CouchDb.svelte b/apps/ui/src/routes/databases/[id]/_Databases/_CouchDb.svelte
index 3b8abc6e9..1a6a04d80 100644
--- a/apps/ui/src/routes/databases/[id]/_Databases/_CouchDb.svelte
+++ b/apps/ui/src/routes/databases/[id]/_Databases/_CouchDb.svelte
@@ -7,7 +7,7 @@
<div class="flex space-x-1 py-5 font-bold">
<h1 class="title">CouchDB</h1>
</div>
-<div class="space-y-2">
+<div class="space-y-2 lg:px-10">
<div class="grid grid-cols-2 items-center">
<label for="defaultDatabase" class="text-base font-bold text-stone-100"
>{$t('database.default_database')}</label
diff --git a/apps/ui/src/routes/databases/[id]/_Databases/_Databases.svelte b/apps/ui/src/routes/databases/[id]/_Databases/_Databases.svelte
index 79e3ff0ad..67a5771a7 100644
--- a/apps/ui/src/routes/databases/[id]/_Databases/_Databases.svelte
+++ b/apps/ui/src/routes/databases/[id]/_Databases/_Databases.svelte
@@ -119,7 +119,7 @@
>
{/if}
</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>
<input
class="w-full"
@@ -202,22 +202,24 @@
{/if}</label
>
</div>
- <CopyPasswordField
- textarea={true}
- placeholder={$t('forms.generated_automatically_after_start')}
- isPasswordField={false}
- id="url"
- name="url"
- readonly
- disabled
- value={publicLoading || loading ? 'Loading...' : generateUrl()}
- />
+ <div class="lg:px-10">
+ <CopyPasswordField
+ textarea={true}
+ placeholder={$t('forms.generated_automatically_after_start')}
+ isPasswordField={false}
+ id="url"
+ name="url"
+ readonly
+ disabled
+ value={publicLoading || loading ? 'Loading...' : generateUrl()}
+ />
+ </div>
</div>
</form>
<div class="flex space-x-1 pb-5 font-bold">
<h1 class="title">{$t('application.features')}</h1>
</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
id="isPublic"
loading={publicLoading}
diff --git a/apps/ui/src/routes/databases/[id]/_Databases/_MariaDB.svelte b/apps/ui/src/routes/databases/[id]/_Databases/_MariaDB.svelte
index 8bf341240..0e3f800c4 100644
--- a/apps/ui/src/routes/databases/[id]/_Databases/_MariaDB.svelte
+++ b/apps/ui/src/routes/databases/[id]/_Databases/_MariaDB.svelte
@@ -9,7 +9,7 @@
<div class="flex space-x-1 py-5 font-bold">
<h1 class="title">MariaDB</h1>
</div>
-<div class="space-y-2">
+<div class="space-y-2 lg:px-10">
<div class="grid grid-cols-2 items-center">
<label for="defaultDatabase" class="text-base font-bold text-stone-100"
>{$t('database.default_database')}</label
diff --git a/apps/ui/src/routes/databases/[id]/_Databases/_MongoDB.svelte b/apps/ui/src/routes/databases/[id]/_Databases/_MongoDB.svelte
index 23da287e1..6b153ef71 100644
--- a/apps/ui/src/routes/databases/[id]/_Databases/_MongoDB.svelte
+++ b/apps/ui/src/routes/databases/[id]/_Databases/_MongoDB.svelte
@@ -9,7 +9,7 @@
<div class="flex space-x-1 py-5 font-bold">
<h1 class="title">MongoDB</h1>
</div>
-<div class="space-y-2">
+<div class="space-y-2 lg:px-10">
<div class="grid grid-cols-2 items-center">
<label for="rootUser" class="text-base font-bold text-stone-100">{$t('forms.root_user')}</label>
<CopyPasswordField
diff --git a/apps/ui/src/routes/databases/[id]/_Databases/_MySQL.svelte b/apps/ui/src/routes/databases/[id]/_Databases/_MySQL.svelte
index d91fda895..4e6421212 100644
--- a/apps/ui/src/routes/databases/[id]/_Databases/_MySQL.svelte
+++ b/apps/ui/src/routes/databases/[id]/_Databases/_MySQL.svelte
@@ -9,7 +9,7 @@
<div class="flex space-x-1 py-5 font-bold">
<h1 class="title">MySQL</h1>
</div>
-<div class="space-y-2">
+<div class="space-y-2 lg:px-10">
<div class="grid grid-cols-2 items-center">
<label for="defaultDatabase" class="text-base font-bold text-stone-100"
>{$t('database.default_database')}</label
diff --git a/apps/ui/src/routes/databases/[id]/_Databases/_PostgreSQL.svelte b/apps/ui/src/routes/databases/[id]/_Databases/_PostgreSQL.svelte
index b39eed138..c180a2873 100644
--- a/apps/ui/src/routes/databases/[id]/_Databases/_PostgreSQL.svelte
+++ b/apps/ui/src/routes/databases/[id]/_Databases/_PostgreSQL.svelte
@@ -9,7 +9,7 @@
<div class="flex space-x-1 py-5 font-bold">
<h1 class="title">PostgreSQL</h1>
</div>
-<div class="space-y-2">
+<div class="space-y-2 lg:px-10">
<div class="grid grid-cols-2 items-center">
<label for="defaultDatabase" class="text-base font-bold text-stone-100"
>{$t('database.default_database')}</label
diff --git a/apps/ui/src/routes/databases/[id]/_Databases/_Redis.svelte b/apps/ui/src/routes/databases/[id]/_Databases/_Redis.svelte
index 90bbe1d5f..01f92d891 100644
--- a/apps/ui/src/routes/databases/[id]/_Databases/_Redis.svelte
+++ b/apps/ui/src/routes/databases/[id]/_Databases/_Redis.svelte
@@ -9,7 +9,7 @@
<div class="flex space-x-1 py-5 font-bold">
<h1 class="title">Redis</h1>
</div>
-<div class="space-y-2">
+<div class="space-y-2 lg:px-10">
<div class="grid grid-cols-2 items-center">
<label for="dbUserPassword" class="text-base font-bold text-stone-100"
>{$t('forms.password')}