21 lines
443 B
TypeScript
21 lines
443 B
TypeScript
import { Component, Input, OnChanges } from '@angular/core';
|
|
|
|
@Component({
|
|
selector: 'app-clock-face',
|
|
templateUrl: './clock-face.component.html',
|
|
styleUrls: ['./clock-face.component.scss'],
|
|
})
|
|
export class ClockFaceComponent implements OnChanges {
|
|
@Input() size: number = 300;
|
|
faceStyle;
|
|
|
|
constructor() {}
|
|
|
|
ngOnChanges(): void {
|
|
this.faceStyle = {
|
|
width: `${this.size}px`,
|
|
height: `${this.size}px`,
|
|
};
|
|
}
|
|
}
|