// Work around crazy vh behavior on Mobile!!!
// More: https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
function updateCustomVH(): void {
    // First we get the viewport height and we multiple it by 1% to get a value for a vh unit
    const vh = window.innerHeight * 0.01;

    // Then we set the value in the --vh custom property to the root of the document
    document.documentElement.style.setProperty('--vh', vh + 'px');
}
// We listen to the resize event
window.addEventListener('resize', updateCustomVH);
updateCustomVH();