purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2025-01-10 04:25:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Small responsive fixes on e-commerce pages

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/main/apps/e-commerce/orders/orders.component.scss
View File

@ -2,23 +2,29 @@
:host { :host {
.header { #orders {
.search-input-wrapper { > .center {
max-width: 480px;
}
@include media-breakpoint-down(xs) { > .header {
margin: 24px 0;
height: 128px !important; .search-input-wrapper {
min-height: 128px !important; max-width: 480px;
max-height: 128px !important; }
@include media-breakpoint-down(xs) {
margin: 24px 0;
height: 128px !important;
min-height: 128px !important;
max-height: 128px !important;
}
}
} }
} }
.mat-tab-group, .mat-tab-group,
.mat-tab-body-wrapper, .mat-tab-body-wrapper,
.tab-content{ .tab-content {
flex: 1 1 auto; flex: 1 1 auto;
max-width: 100%; max-width: 100%;
} }

32
src/app/main/apps/e-commerce/products/products.component.scss
View File

@ -2,23 +2,29 @@
:host { :host {
.header { #products {
.search-input-wrapper { .top-bg {
max-width: 480px; @include media-breakpoint-down(xs) {
height: 240px;
}
} }
@include media-breakpoint-down(xs) { > .center {
margin: 8px 0;
height: 192px !important;
min-height: 192px !important;
max-height: 192px !important;
}
}
.top-bg { > .header {
@include media-breakpoint-down(xs) {
height: 240px; .search-input-wrapper {
max-width: 480px;
}
@include media-breakpoint-down(xs) {
margin: 8px 0;
height: 192px !important;
min-height: 192px !important;
max-height: 192px !important;
}
}
} }
} }