From d9f4afefc4357a0b45ce4bcc12c430cfa0f7ec43 Mon Sep 17 00:00:00 2001
From: ssongliu <songlius11@163.com>
Date: Thu, 12 Dec 2024 11:24:04 +0800
Subject: [PATCH] pref: Optimize the button style for database connection
 information

---
 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 132c5f504032..4dfe30ba686a 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 542b4b938b5a..9bba4ff43bcf 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 7ed8de99f692..dccf4acca578 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 b934b083eb07..4bfb02488483 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>