Rainie/bbq
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

样式修改

Browse Source
This commit is contained in:
潘晓云
2022-04-29 16:05:14 +08:00
parent 22ae0424e4
commit 0c230c92da
1 changed files with 36 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/app/layout/pro/styles/app/_menu.less
View File

@ -1,26 +1,33 @@
@{alain-pro-prefix} { @{alain-pro-prefix} {
&__menu { &__menu {
display: block; display: block;
&-item { &-item {
&--disabled { &--disabled {
pointer-events: none; pointer-events: none;
} }
} }
&-only-icon { &-only-icon {
@{alain-pro-prefix}__menu-item { @{alain-pro-prefix}__menu-item {
padding-right: 8px !important; padding-right: 8px !important;
padding-left: 8px !important; padding-left: 8px !important;
&:first-child { &:first-child {
padding-left: 0; padding-left: 0;
} }
} }
@{alain-pro-prefix}__menu-icon { @{alain-pro-prefix}__menu-icon {
margin-right: 0; margin-right: 0;
font-size: @alain-pro-top-nav-only-icon-fs; font-size: @alain-pro-top-nav-only-icon-fs;
min-width: 14px;
} }
} }
&-title { &-title {
position: relative; position: relative;
&-badge { &-badge {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -31,27 +38,34 @@
line-height: 18px; line-height: 18px;
background: @alain-pro-header-title-badge-bg; background: @alain-pro-header-title-badge-bg;
border-radius: 50%; border-radius: 50%;
> em {
>em {
color: @alain-pro-header-title-badge-color; color: @alain-pro-header-title-badge-color;
font-style: normal; font-style: normal;
} }
} }
} }
&-img { &-img {
width: @alain-pro-sider-menu-img-wh !important; width: @alain-pro-sider-menu-img-wh !important;
height: @alain-pro-sider-menu-img-wh !important; height: @alain-pro-sider-menu-img-wh !important;
} }
} }
&__side-nav { &__side-nav {
@{alain-pro-prefix}__menu { @{alain-pro-prefix}__menu {
&-title { &-title {
display: flex; display: flex;
align-items: center; align-items: center;
&-text { &-text {
flex: 1; flex: 1;
// opacity: 0;
} }
} }
} }
.@{ant-prefix}-menu-inline-collapsed { .@{ant-prefix}-menu-inline-collapsed {
@{alain-pro-prefix}__menu-title-badge { @{alain-pro-prefix}__menu-title-badge {
position: absolute; position: absolute;
@ -59,10 +73,28 @@
right: -16px; right: -16px;
width: 8px; width: 8px;
height: 8px; height: 8px;
> em {
>em {
display: none; display: none;
} }
} }
} }
} }
} }
@{aside-collapsed-prefix} {
@{alain-pro-prefix} {
&__menu {
&-icon {
overflow: inherit;
}
&-title {
&-text {
opacity: 0;
}
}
}
}
}