directive- widgetResizer

import { Directive, ElementRef, Renderer2, OnInit } from '@angular/core';
 
@Directive({
  selector: '[widgetResizer]'
})
 
export class WidgetResizerDirective {
 
  constructor(private el: ElementRef, private renderer: Renderer2) { }
 
  ngAfterViewInit() {
    const width = window.innerWidth / 6;
    this.renderer.setStyle(this.el.nativeElement, 'display', 'block');
    this.renderer.setStyle(this.el.nativeElement, 'width', `${width}px`);
    this.renderer.setStyle(this.el.nativeElement, 'height', `${width}px`);
 
  }
}