Есть ли способ включить/выключить радиус границы в зависимости от высоты (выключено, если высота экрана <100vh, в против ⇐ CSS

[Anonymous]

Я пытаюсь создать модальное окно (flex Div), которое может увеличиваться или уменьшаться в зависимости от содержимого, теряя радиус границы, когда оно достигает полной высоты экрана (в мобильном представлении).
Я попробовал использовать Calc в специальном классе в попутном ветре (в сочетании с ReactJS и Typescript, не уверен, связано ли это). Это работает отлично, если я использовал ширину - на основе сообщения, которое я нашел здесь: https://ishadeed.com/article/conditional-border-radius/

Код: Выделить всё

.modal-rounded {
border-radius: max(
0px,
min(8px, calc((100vw - 100%) * 9999))
);
}

т.е. если ширина полноэкранная, используйте 0 пикселей, если не 8 пикселей.
Но при переключении с vw на vh:

Код: Выделить всё

.modal-rounded {
border-radius: max(
0px,
min(8px, calc((100vh - 100%) * 9999))
);
}

Поведение кажется запутанным, и вместо этого я получаю радиус границы 8 пикселей, когда уменьшаю его до меньшего размера. Я не уверен, что я что-то упустил в формуле или неправильно понимаю, как работает Calc.
Буду благодарен за помощь. Спасибо.

Подробнее здесь: https://stackoverflow.com/questions/786 ... een-height