From c35f55f70ccaf46d73344e19abd6944e63ab4219 Mon Sep 17 00:00:00 2001
From: ssongliu <73214554+ssongliu@users.noreply.github.com>
Date: Thu, 12 Dec 2024 11:53:48 +0800
Subject: [PATCH] pref: Optimize the button style for database connection
 information (#7342)

---
 backend/init/lang/lang.go                           |  2 +-
 frontend/src/views/database/mysql/conn/index.vue    | 13 ++++++++++++-
 .../src/views/database/postgresql/conn/index.vue    | 13 ++++++++++++-
 frontend/src/views/database/redis/conn/index.vue    | 13 ++++++++++++-
 4 files changed, 37 insertions(+), 4 deletions(-)

diff --git a/backend/init/lang/lang.go b/backend/init/lang/lang.go
index 132c5f504..4dfe30ba6 100644
--- a/backend/init/lang/lang.go
+++ b/backend/init/lang/lang.go
@@ -74,7 +74,7 @@ func initLang() {
 			downloadGeoFromRemote(fileOp, geoPath)
 			return
 		}
-		std, err := cmd.Execf("cp %s %s", path.Join(tmpPath, "GeoIP.mmdb"), path.Dir(geoPath))
+		std, err := cmd.Execf("cp %s %s/", path.Join(tmpPath, "GeoIP.mmdb"), path.Dir(geoPath))
 		if err != nil {
 			global.LOG.Errorf("load geo ip from package failed, std: %s, err: %v", std, err)
 			return
diff --git a/frontend/src/views/database/mysql/conn/index.vue b/frontend/src/views/database/mysql/conn/index.vue
index 542b4b938..9bba4ff43 100644
--- a/frontend/src/views/database/mysql/conn/index.vue
+++ b/frontend/src/views/database/mysql/conn/index.vue
@@ -88,7 +88,7 @@
                                 v-model="form.password"
                             />
                             <el-button-group>
-                                <CopyButton :content="form.password" />
+                                <CopyButton class="copy_button" :content="form.password" />
                                 <el-button @click="random">
                                     {{ $t('commons.button.random') }}
                                 </el-button>
@@ -293,3 +293,14 @@ defineExpose({
     acceptParams,
 });
 </script>
+
+<style lang="scss" scoped>
+.copy_button {
+    border-radius: 0px;
+    border-left-width: 0px;
+}
+:deep(.el-input__wrapper) {
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+}
+</style>
diff --git a/frontend/src/views/database/postgresql/conn/index.vue b/frontend/src/views/database/postgresql/conn/index.vue
index 7ed8de99f..dccf4acca 100644
--- a/frontend/src/views/database/postgresql/conn/index.vue
+++ b/frontend/src/views/database/postgresql/conn/index.vue
@@ -89,7 +89,7 @@
                                 v-model="form.password"
                             />
                             <el-button-group>
-                                <CopyButton :content="form.password" />
+                                <CopyButton class="copy_button" :content="form.password" />
                                 <el-button @click="random">
                                     {{ $t('commons.button.random') }}
                                 </el-button>
@@ -262,3 +262,14 @@ defineExpose({
     acceptParams,
 });
 </script>
+
+<style lang="scss" scoped>
+.copy_button {
+    border-radius: 0px;
+    border-left-width: 0px;
+}
+:deep(.el-input__wrapper) {
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+}
+</style>
diff --git a/frontend/src/views/database/redis/conn/index.vue b/frontend/src/views/database/redis/conn/index.vue
index b934b083e..4bfb02488 100644
--- a/frontend/src/views/database/redis/conn/index.vue
+++ b/frontend/src/views/database/redis/conn/index.vue
@@ -75,7 +75,7 @@
                             v-model="form.password"
                         />
                         <el-button-group>
-                            <CopyButton :content="form.password" />
+                            <CopyButton class="copy_button" :content="form.password" />
                             <el-button @click="random">
                                 {{ $t('commons.button.random') }}
                             </el-button>
@@ -239,3 +239,14 @@ defineExpose({
     acceptParams,
 });
 </script>
+
+<style lang="scss" scoped>
+.copy_button {
+    border-radius: 0px;
+    border-left-width: 0px;
+}
+:deep(.el-input__wrapper) {
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+}
+</style>