src/app/todo/todo-toolbar/todo-toolbar.component.ts
| selector | app-todo-toolbar |
| styleUrls | ./todo-toolbar.component.scss |
| templateUrl | ./todo-toolbar.component.html |
constructor()
|
import { Component } from '@angular/core';
@Component({
selector: 'app-todo-toolbar',
templateUrl: './todo-toolbar.component.html',
styleUrls: ['./todo-toolbar.component.scss']
})
export class TodoToolbarComponent {
constructor() {
}
}
<div>
<div class="toolbar" fxLayout="row" fxLayoutAlign="start center">
<mat-checkbox class="checkbox"></mat-checkbox>
<span fxFlex></span>
</div>
</div>
./todo-toolbar.component.scss
.toolbar {
min-height: 60px;
max-height: 60px;
border-bottom: 1px solid #eee;
padding: 8px 24px;
color: #616161;
.chevrons {
margin-left: 16px;
}
}