You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
117 lines
2.5 KiB
Plaintext
117 lines
2.5 KiB
Plaintext
@root-entry-name: 'default';
|
|
@import (reference) 'ant-design-vue/es/style/themes/index.less';
|
|
|
|
@pro-layout-page-container: ~'@{ant-prefix}-pro-page-container';
|
|
|
|
@pro-layout-page-container-content-margin: 24px 24px 0;
|
|
@pro-layout-page-container-content-padding: inherit;
|
|
@pro-layout-page-container-bg-color: inherit;
|
|
@pro-layout-page-container-warp-bg-color: @component-background;
|
|
|
|
.@{pro-layout-page-container}-children-content {
|
|
margin: @pro-layout-page-container-content-margin;
|
|
padding: @pro-layout-page-container-content-padding;
|
|
}
|
|
|
|
.@{pro-layout-page-container} {
|
|
background-color: @pro-layout-page-container-bg-color;
|
|
&-warp {
|
|
background-color: @pro-layout-page-container-warp-bg-color;
|
|
.@{ant-prefix}-tabs-nav {
|
|
margin: 0;
|
|
}
|
|
}
|
|
&-ghost {
|
|
.@{pro-layout-page-container}-warp {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.@{pro-layout-page-container}-children-content {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.@{pro-layout-page-container}-main {
|
|
.@{pro-layout-page-container}-detail {
|
|
display: flex;
|
|
}
|
|
|
|
.@{pro-layout-page-container}-row {
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
|
|
.@{pro-layout-page-container}-title-content {
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.@{pro-layout-page-container}-title,
|
|
.@{pro-layout-page-container}-content {
|
|
flex: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
.@{pro-layout-page-container}-extraContent,
|
|
.@{pro-layout-page-container}-main {
|
|
flex: 0 1 auto;
|
|
}
|
|
|
|
.@{pro-layout-page-container}-main {
|
|
width: 100%;
|
|
}
|
|
|
|
.@{pro-layout-page-container}-title {
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.@{pro-layout-page-container}-logo {
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.@{pro-layout-page-container}-extraContent {
|
|
min-width: 242px;
|
|
margin-left: 88px;
|
|
text-align: right;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: @screen-xl) {
|
|
.@{pro-layout-page-container}-main {
|
|
.@{pro-layout-page-container}-extraContent {
|
|
margin-left: 44px;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: @screen-lg) {
|
|
.@{pro-layout-page-container}-main {
|
|
.@{pro-layout-page-container}-extraContent {
|
|
margin-left: 20px;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: @screen-md) {
|
|
.@{pro-layout-page-container}-main {
|
|
.@{pro-layout-page-container}-row {
|
|
display: block;
|
|
}
|
|
|
|
.@{pro-layout-page-container}-action,
|
|
.@{pro-layout-page-container}-extraContent {
|
|
margin-left: 0;
|
|
text-align: left;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: @screen-sm) {
|
|
.@{pro-layout-page-container}-detail {
|
|
display: block;
|
|
}
|
|
.@{pro-layout-page-container}-extraContent {
|
|
margin-left: 0;
|
|
}
|
|
}
|