=30) }, 100)"
x-show="shown"
x-resize.document="calculateHeight($width, $height)"
x-data="{
calculateHeight(width, height) {
if (window.matchMedia('(min-width: 768px)').matches && window.matchMedia('(max-width: 1023px)').matches) {
$el.style.minHeight = window.innerHeight / 3 * 2 + 'px';
} else if (window.matchMedia('(min-width: 1024px)').matches) {
$el.style.minHeight = width / 2 + 'px';
}
},
}"
>