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 adjustment on the layout mode setting

Browse Source
This commit is contained in:
Sercan Yemen 2017-10-24 11:02:40 +03:00
parent fe8b44b14c
commit b7cb09b087
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/main/main.component.scss
View File

@ -6,12 +6,6 @@ fuse-main {
width: 100%;
height: 100%;
&.boxed {
max-width: 1200px;
margin: 0 auto;
@include mat-elevation(8);
}
> .mat-sidenav-container {
display: flex;
flex: 1;
@ -72,4 +66,10 @@ fuse-main {
}
}
}
&[fuse-layout-mode="boxed"] {
max-width: 1200px;
margin: 0 auto;
@include mat-elevation(8);
}
}

4
src/app/main/main.component.ts
View File

@ -14,7 +14,7 @@ export class FuseMainComponent implements OnInit, OnDestroy
{
onSettingsChanged: Subscription;
fuseSettings: any;
@HostBinding('class.boxed') boxed;
@HostBinding('attr.fuse-layout-mode') layoutMode;
constructor(
private _renderer: Renderer2,
@ -29,7 +29,7 @@ export class FuseMainComponent implements OnInit, OnDestroy
.subscribe(
(newSettings) => {
this.fuseSettings = newSettings;
this.boxed = this.fuseSettings.layout.mode === 'boxed';
this.layoutMode = this.fuseSettings.layout.mode;
}
);