ui updates

This commit is contained in:
Dorian
2026-04-11 13:38:01 +01:00
parent 0a493593b8
commit ed4e95a914
20 changed files with 614 additions and 113 deletions
+5 -6
View File
@@ -330,14 +330,13 @@ input[type="radio"]:active + * {
}
/* On mobile, shrink iframe height so AIUI ends above the Archipelago tab bar.
Use dvh (dynamic viewport height) instead of 100% — on a normal mobile browser,
100% resolves through the parent chain to the large viewport (100vh) which
is taller than the visible area when the browser chrome is showing. dvh
tracks the actual visible viewport. */
Subtract both the bottom tab bar AND the top safe-area offset (status bar on
Android WebView / companion app) so the AIUI's internal tabs (chat/content/
context) stay above the tab bar instead of sliding underneath it. */
@media (max-width: 767px) {
.chat-iframe-mobile {
height: calc(100vh - var(--mobile-tab-bar-height, 72px)) !important;
height: calc(100dvh - var(--mobile-tab-bar-height, 72px)) !important;
height: calc(100vh - var(--mobile-tab-bar-height, 72px) - var(--safe-area-top, env(safe-area-inset-top, 0px)) - 16px) !important;
height: calc(100dvh - var(--mobile-tab-bar-height, 72px) - var(--safe-area-top, env(safe-area-inset-top, 0px)) - 16px) !important;
flex: none;
}
}