pref: Optimize the button style for database connection information

Author: ssongliu

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

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>

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>

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>