mirror of
https://github.com/vbenjs/vue-vben-admin.git
synced 2025-08-26 16:46:19 +08:00
fix(menu): fix menu icon style
This commit is contained in:
@@ -18,6 +18,7 @@
|
|||||||
### 🐛 Bug Fixes
|
### 🐛 Bug Fixes
|
||||||
|
|
||||||
- 修复表格 i18n 错误
|
- 修复表格 i18n 错误
|
||||||
|
- 修复菜单图标大小不一致
|
||||||
|
|
||||||
## 2.0.0-rc.12 (2020-11-30)
|
## 2.0.0-rc.12 (2020-11-30)
|
||||||
|
|
||||||
|
@@ -212,6 +212,10 @@
|
|||||||
background: @sider-dark-bg-color;
|
background: @sider-dark-bg-color;
|
||||||
.active-menu-style();
|
.active-menu-style();
|
||||||
|
|
||||||
|
.menu-item-icon.app-iconify {
|
||||||
|
display: inline-block !important;
|
||||||
|
}
|
||||||
|
|
||||||
.ant-menu-item.ant-menu-item-selected.basic-menu-menu-item__level1,
|
.ant-menu-item.ant-menu-item-selected.basic-menu-menu-item__level1,
|
||||||
.ant-menu-submenu-selected.basic-menu-menu-item__level1 {
|
.ant-menu-submenu-selected.basic-menu-menu-item__level1 {
|
||||||
color: @white;
|
color: @white;
|
||||||
@@ -232,6 +236,10 @@
|
|||||||
|
|
||||||
.basic-menu-item__level3:not(.ant-menu-item-selected) {
|
.basic-menu-item__level3:not(.ant-menu-item-selected) {
|
||||||
background-color: @sider-dark-lighten-2-bg-color;
|
background-color: @sider-dark-lighten-2-bg-color;
|
||||||
|
|
||||||
|
.ant-menu-item {
|
||||||
|
background-color: @sider-dark-lighten-2-bg-color;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-menu-submenu-title {
|
.ant-menu-submenu-title {
|
||||||
@@ -253,6 +261,10 @@
|
|||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
border-right: none;
|
border-right: none;
|
||||||
|
|
||||||
|
.menu-item-icon.app-iconify {
|
||||||
|
display: inline-block !important;
|
||||||
|
}
|
||||||
|
|
||||||
// .ant-menu-item-selected {
|
// .ant-menu-item-selected {
|
||||||
// background: fade(@primary-color, 18%);
|
// background: fade(@primary-color, 18%);
|
||||||
// }
|
// }
|
||||||
|
@@ -1,6 +1,9 @@
|
|||||||
.multiple-tab-header {
|
.multiple-tab-header {
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
|
|
||||||
|
&.dark {
|
||||||
margin-left: -1px;
|
margin-left: -1px;
|
||||||
|
}
|
||||||
|
|
||||||
&.fixed {
|
&.fixed {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
@@ -29,6 +29,7 @@ export default defineComponent({
|
|||||||
getShowFullHeaderRef,
|
getShowFullHeaderRef,
|
||||||
getShowHeader,
|
getShowHeader,
|
||||||
getUnFixedAndFull,
|
getUnFixedAndFull,
|
||||||
|
getHeaderTheme,
|
||||||
} = useHeaderSetting();
|
} = useHeaderSetting();
|
||||||
|
|
||||||
const { getFullContent } = useFullContent();
|
const { getFullContent } = useFullContent();
|
||||||
@@ -110,7 +111,7 @@ export default defineComponent({
|
|||||||
{unref(getIsShowPlaceholderDom) && <div style={unref(getPlaceholderDomStyle)} />}
|
{unref(getIsShowPlaceholderDom) && <div style={unref(getPlaceholderDomStyle)} />}
|
||||||
<div
|
<div
|
||||||
style={unref(getWrapStyle)}
|
style={unref(getWrapStyle)}
|
||||||
class={['multiple-tab-header', { fixed: unref(getIsFixed) }]}
|
class={['multiple-tab-header', unref(getHeaderTheme), { fixed: unref(getIsFixed) }]}
|
||||||
>
|
>
|
||||||
{unref(getShowInsetHeaderRef) && <LayoutHeader ref={headerElRef} />}
|
{unref(getShowInsetHeaderRef) && <LayoutHeader ref={headerElRef} />}
|
||||||
{unref(showTabsRef) && <MultipleTabs ref={tabElRef} />}
|
{unref(showTabsRef) && <MultipleTabs ref={tabElRef} />}
|
||||||
|
Reference in New Issue
Block a user