@alihbuzaid/ember-ui/addon/modifiers/set-container-dimensions.js

Fleetbase UI provides all the interface components, helpers, services and utilities for building a Fleetbase extension into the Console.

import { modifier } from 'ember-modifier';

export default modifier(function setContainerDimensions(
    element,
    [
        options = {
            containerEl: null,
            verticalTopPadding: 0,
            verticalBottomPadding: 0,
            horizontalLeftPadding: 0,
            horizontalRightPadding: 0,
        },
    ]
) {
    let container = options.containerEl instanceof HTMLElement ? document.querySelector(options.containerEl) : element.parentNode;

    element.style.width = `${container.offsetWidth - (options.horizontalLeftPadding || 0) - (options.horizontalRightPadding || 0)}px`;
    element.style.height = `${container.offsetHeight - (options.verticalTopPadding || 0) - (options.verticalBottomPadding || 0)}px`;
});