update connection menu style

This commit is contained in:
qishibo 2020-09-04 16:02:51 +08:00
parent 5bb373c58e
commit fc6e827fcb

View File

@ -7,11 +7,11 @@
@click.stop.prevent="openStatus">
</i>
<i :title="$t('message.redis_console')"
class="connection-right-icon fa fa-terminal"
class="connection-right-icon fa fa-terminal font-weight-bold"
@click.stop.prevent="openCli">
</i>
<i :title="$t('message.refresh_connection')"
class='connection-right-icon el-icon-refresh'
class='connection-right-icon el-icon-refresh font-weight-bold'
@click.stop.prevent="refreshConnection">
</i>
@ -24,7 +24,7 @@
<i class="connection-right-icon el-icon-menu" @click.stop></i>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item @click.native='closeConnection'>
<span><i class='el-icon-close'></i>&nbsp;{{ $t('message.close_connection') }}</span>
<span><i class='fa fa-power-off'></i>&nbsp;{{ $t('message.close_connection') }}</span>
</el-dropdown-item>
<el-dropdown-item @click.native='showEditConnection'>
<span><i class='el-icon-edit-outline'></i>&nbsp;{{ $t('message.edit_connection') }}</span>
@ -33,7 +33,7 @@
<span><i class='el-icon-delete'></i>&nbsp;{{ $t('message.del_connection') }}</span>
</el-dropdown-item>
<el-dropdown-item @click.native='flushDB'>
<span><i class='fa fa-bomb'></i>&nbsp;{{ $t('message.flushdb') }}</span>
<span><i class='fa fa-exclamation-triangle'></i>&nbsp;{{ $t('message.flushdb') }}</span>
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
@ -198,4 +198,8 @@ export default {
.connection-menu-more {
vertical-align: baseline;
}
.font-weight-bold {
font-weight: bold;
}
</style>