Small responsive fixes on e-commerce pages

This commit is contained in:
Sercan Yemen 2018-06-18 18:53:21 +03:00
parent 3abd764715
commit b46b253c1c
2 changed files with 35 additions and 23 deletions

View File

@ -2,7 +2,11 @@
:host {
.header {
#orders {
> .center {
> .header {
.search-input-wrapper {
max-width: 480px;
@ -15,10 +19,12 @@
max-height: 128px !important;
}
}
}
}
.mat-tab-group,
.mat-tab-body-wrapper,
.tab-content{
.tab-content {
flex: 1 1 auto;
max-width: 100%;
}

View File

@ -2,7 +2,17 @@
:host {
.header {
#products {
.top-bg {
@include media-breakpoint-down(xs) {
height: 240px;
}
}
> .center {
> .header {
.search-input-wrapper {
max-width: 480px;
@ -15,10 +25,6 @@
max-height: 192px !important;
}
}
.top-bg {
@include media-breakpoint-down(xs) {
height: 240px;
}
}