p85126437
/
amis
forked from p96170835/amis
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

优化移动端样式

This commit is contained in:
liaoxuezhi 2019-07-22 15:42:30 +08:00
parent 23d438e752
commit c66c2887de
1 changed files with 40 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
scss/components/_page.scss
View File

@ -52,43 +52,48 @@
}
}
.#{$ns}Page-aside {
&::before {
content: "";
position: absolute;
width: inherit;
top: 0;
bottom: 0;
z-index: -1;
background-color: inherit;
border: inherit;
}
width: $Page-aside-width;
background-color: $Page-aside-bg;
border-right: $borderWidth solid $borderColor;
}
.#{$ns}Page--withSidebar {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
border-spacing: 0;
.#{$ns}Page-aside,
.#{$ns}Page-content {
display: table-cell;
vertical-align: top;
}
.#{$ns}Page-content {
width: 100%;
}
}
.#{$ns}Page-toolbar {
.#{$ns}Button + .#{$ns}Button {
margin-left: $gap-xs;
}
}
.#{$ns}Page-aside {
background-color: $Page-aside-bg;
}
@include media-breakpoint-up(md) {
.#{$ns}Page-aside {
&::before {
content: "";
position: absolute;
width: inherit;
top: 0;
bottom: 0;
z-index: -1;
background-color: inherit;
border: inherit;
}
width: $Page-aside-width;
border-right: $borderWidth solid $borderColor;
}
.#{$ns}Page--withSidebar {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
border-spacing: 0;
.#{$ns}Page-aside,
.#{$ns}Page-content {
display: table-cell;
vertical-align: top;
}
.#{$ns}Page-content {
width: 100%;
}
}
}