my-task-board/src/app/layout/main/main.component.ts

28 lines
916 B
TypeScript

import { ChangeDetectionStrategy, Component } from '@angular/core';
import { CategoryComponent } from '../../features/category/view/category/category.component';
import { MatDivider } from '@angular/material/divider';
import { TaskComponent } from '../../features/task/view/task/task.component';
const COMPONENTS = [CategoryComponent, TaskComponent];
const MODULES = [MatDivider];
@Component({
selector: 'app-main',
standalone: true,
imports: [...COMPONENTS,...MODULES],
template: `
<div class="h-screen flex w-full border-4 border-blue-700">
<!-- Categorias -->
<app-category class="w-1/4 opacity-50" />
<!-- Divisor -->
<mat-divider class="h-full border-2 border-orange-700" />
<!-- Tarefas -->
<app-task class="w-3/4 border-2 border-green-700" />
</div>
`,
styles: ``,
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class MainComponent {}