Browse Source

fix #4079 PageHeaderWrapper margin in xs screen (#4081)

* fix PageHeaderWrapper margin in xs screen, #4079

* fix: PageHeaderWrapper doesn't perform as expected on xs screen
pull/4098/head
XM 7 years ago
committed by 陈帅
parent
commit
1f4e89df31
  1. 44
      src/components/PageHeaderWrapper/index.less

44
src/components/PageHeaderWrapper/index.less

@ -43,7 +43,7 @@
}
@media screen and (max-width: @screen-sm) {
.content {
.children-content {
margin: 24px 0 0;
}
}
@ -77,34 +77,34 @@
margin-left: 88px;
text-align: right;
}
}
@media screen and (max-width: @screen-xl) {
.extraContent {
margin-left: 44px;
@media screen and (max-width: @screen-xl) {
.extraContent {
margin-left: 44px;
}
}
}
@media screen and (max-width: @screen-lg) {
.extraContent {
margin-left: 20px;
@media screen and (max-width: @screen-lg) {
.extraContent {
margin-left: 20px;
}
}
}
@media screen and (max-width: @screen-md) {
.row {
display: block;
}
@media screen and (max-width: @screen-md) {
.row {
display: block;
}
.action,
.extraContent {
margin-left: 0;
text-align: left;
.action,
.extraContent {
margin-left: 0;
text-align: left;
}
}
}
@media screen and (max-width: @screen-sm) {
.detail {
display: block;
@media screen and (max-width: @screen-sm) {
.detail {
display: block;
}
}
}

Loading…
Cancel
Save