fix: 调整header组件图标对其方式

This commit is contained in:
“huailei000”
2022-11-23 15:52:21 +08:00
committed by huailei
parent c05a01e46f
commit 9ad0ee6c24
3 changed files with 6 additions and 3 deletions

View File

@@ -1,6 +1,6 @@
<template> <template>
<el-dropdown :show-timeout="50" @command="handleCommand"> <el-dropdown :show-timeout="50" @command="handleCommand">
<span class="el-dropdown-link" style="vertical-align: sub;"> <span class="el-dropdown-link" style="vertical-align: middle;">
<svg-icon icon-class="question-mark" style="font-size: 16px;" /> <svg-icon icon-class="question-mark" style="font-size: 16px;" />
</span> </span>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">

View File

@@ -1,6 +1,6 @@
<template> <template>
<el-link :href="webTerminalUrl" target="_blank"> <el-link :href="webTerminalUrl" target="_blank">
<svg-icon icon-class="terminal" /> <svg-icon icon-class="terminal" style="font-size: 17px;" />
</el-link> </el-link>
</template> </template>

View File

@@ -142,10 +142,13 @@ export default {
display: inline-block; display: inline-block;
padding-right: 10px; padding-right: 10px;
padding-left: 10px; padding-left: 10px;
vertical-align: middle; vertical-align: top;
&>>> .svg-icon { &>>> .svg-icon {
color: #FFF!important; color: #FFF!important;
} }
&>>> .el-badge {
vertical-align: top;
}
} }
.header-icon { .header-icon {