fix: ios pwa styles for the standalone display

This commit is contained in:
Timothy Z. 2026-02-23 15:59:29 +02:00
parent fab318e647
commit ac9ca71b53

View file

@ -23,8 +23,8 @@
// HTML sizes
@html-width: ~"calc(max(var(--small-viewport-width), var(--dynamic-viewport-width)))";
@html-height: ~"calc(max(var(--small-viewport-height), var(--dynamic-viewport-height)))";
@html-standalone-width: ~"calc(max(100%, var(--small-viewport-width)))";
@html-standalone-height: ~"calc(max(100%, var(--small-viewport-height)))";
@html-standalone-width: ~"calc(max(100%, var(--large-viewport-width)))";
@html-standalone-height: ~"calc(max(100%, var(--large-viewport-height)))";
// Safe area insets
@safe-area-inset-top: env(safe-area-inset-top, 0rem);
@ -102,7 +102,7 @@
}
@media (display-mode: standalone) {
--safe-area-inset-bottom: 0rem;
--safe-area-inset-bottom: @calculated-bottom-safe-inset;
}
}