flexlayout module

This commit is contained in:
insanity 2018-01-30 15:16:01 +09:00
parent 0e595ef8ff
commit 623952a796
4 changed files with 9 additions and 5 deletions

View File

@ -1,12 +1,12 @@
<perfect-scrollbar style="height: calc(100% - 33px);"> <perfect-scrollbar style="height: calc(100% - 33px);">
<div fxLayout="column" > <div fxLayout="column" >
<!-- <div *ngIf="!iconOnly" fxLayoutAlign="space-around center" [style.margin]="'10px 0px'" > <div *ngIf="!iconOnly" fxLayoutAlign="space-around center" [style.margin]="'10px 0px'" >
<img width="100" [style.borderRadius]="'50%'" src="./assets/images/user-image.jpg"> <img width="100" [style.borderRadius]="'50%'" src="./assets/images/user-image2.jpg">
</div> </div>
<div *ngIf="iconOnly" style="height: 100px;" fxLayoutAlign="space-around center" > <div *ngIf="iconOnly" style="height: 100px;" fxLayoutAlign="space-around center" >
<img width="50" [style.borderRadius]="'50%'" src="./assets/images/user-image.jpg"> <img width="50" [style.borderRadius]="'50%'" src="./assets/images/user-image2.jpg">
</div> --> </div>
<of-menu-item *ngFor="let menu of menus" [menu]="menu" [iconOnly]="iconOnly"> </of-menu-item> <of-menu-item *ngFor="let menu of menus" [menu]="menu" [iconOnly]="iconOnly"> </of-menu-item>
</div> </div>

View File

@ -3,12 +3,14 @@ import { CommonModule } from '@angular/common';
import { SigninPageRoutingModule } from './signin-page-routing.module'; import { SigninPageRoutingModule } from './signin-page-routing.module';
import { SigninPageComponent } from './signin-page.component'; import { SigninPageComponent } from './signin-page.component';
import { SigninModule } from 'app/packages/member/components/signin/signin.module'; import { SigninModule } from 'app/packages/member/components/signin/signin.module';
import { FlexLayoutModule } from '@angular/flex-layout';
@NgModule({ @NgModule({
imports: [ imports: [
CommonModule, CommonModule,
SigninPageRoutingModule, SigninPageRoutingModule,
SigninModule SigninModule,
FlexLayoutModule
], ],
declarations: [ declarations: [
SigninPageComponent, SigninPageComponent,

View File

@ -8,6 +8,7 @@ import { MaterialModule } from 'app/commons/ui/material/material.module';
import { HeaderComponent } from 'app/commons/layouts/header/header.component'; import { HeaderComponent } from 'app/commons/layouts/header/header.component';
import { FooterComponent } from 'app/commons/layouts/footer/footer.component'; import { FooterComponent } from 'app/commons/layouts/footer/footer.component';
import { MenuItemComponent } from 'app/commons/layouts/menu-item/menu-item.component'; import { MenuItemComponent } from 'app/commons/layouts/menu-item/menu-item.component';
import { FlexLayoutModule } from '@angular/flex-layout';
import { import {
PerfectScrollbarModule, PerfectScrollbarModule,
PERFECT_SCROLLBAR_CONFIG, PERFECT_SCROLLBAR_CONFIG,
@ -27,6 +28,7 @@ const DEFAULT_PERFECT_SCROLLBAR_CONFIG: PerfectScrollbarConfigInterface = {
CovalentModule, CovalentModule,
MaterialModule, MaterialModule,
PerfectScrollbarModule, PerfectScrollbarModule,
FlexLayoutModule
], ],
declarations: [ declarations: [
PagesComponent, PagesComponent,

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB