style: Improve password action buttons styling in database connection info (#7309)

Refs #7284
pull/7311/head
2024-12-10 15:59:38 +08:00 committed by GitHub
parent 6ad48250f8
commit 88b70eba53
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 12 additions and 6 deletions

View File

@ -81,9 +81,11 @@
prop="password" prop="password"
> >
<el-input type="password" show-password clearable v-model="form.password"> <el-input type="password" show-password clearable v-model="form.password">
<template #suffix>
<CopyButton type="icon" :content="form.password" class="w-30" />
</template>
<template #append> <template #append>
<CopyButton :content="form.password" /> <el-button @click="random">
<el-button @click="random" class="p-ml-5">
{{ $t('commons.button.random') }} {{ $t('commons.button.random') }}
</el-button> </el-button>
</template> </template>

View File

@ -82,9 +82,11 @@
prop="password" prop="password"
> >
<el-input type="password" show-password clearable v-model="form.password"> <el-input type="password" show-password clearable v-model="form.password">
<template #suffix>
<CopyButton type="icon" :content="form.password" class="w-30" />
</template>
<template #append> <template #append>
<CopyButton :content="form.password" /> <el-button @click="random">
<el-button @click="random" class="p-ml-5">
{{ $t('commons.button.random') }} {{ $t('commons.button.random') }}
</el-button> </el-button>
</template> </template>

View File

@ -68,9 +68,11 @@
<el-divider border-style="dashed" /> <el-divider border-style="dashed" />
<el-form-item :label="$t('commons.login.password')" v-if="form.from === 'local'" prop="password"> <el-form-item :label="$t('commons.login.password')" v-if="form.from === 'local'" prop="password">
<el-input type="password" show-password clearable v-model="form.password"> <el-input type="password" show-password clearable v-model="form.password">
<template #suffix>
<CopyButton type="icon" :content="form.password" class="w-30" />
</template>
<template #append> <template #append>
<CopyButton :content="form.password" /> <el-button @click="random">
<el-button @click="random" class="p-ml-5">
{{ $t('commons.button.random') }} {{ $t('commons.button.random') }}
</el-button> </el-button>
</template> </template>