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')}