diff --git a/app/components/MobileNav.module.css b/app/components/MobileNav.module.css index 892bc395b..299c6024e 100644 --- a/app/components/MobileNav.module.css +++ b/app/components/MobileNav.module.css @@ -180,7 +180,7 @@ color: var(--color-text-high); min-height: var(--layout-nav-height); - &:first-child { + .panelDialog > &:first-child { border-top: none; padding-block-start: env(safe-area-inset-top); } @@ -218,6 +218,7 @@ list-style: none; margin: 0; padding: var(--s-4); + padding-block-end: calc(env(safe-area-inset-bottom) + var(--s-4)); & a:not(:first-child) { padding-block: var(--s-2); diff --git a/app/components/layout/ChatSidebar.module.css b/app/components/layout/ChatSidebar.module.css index 65f56537e..3d0d92fdc 100644 --- a/app/components/layout/ChatSidebar.module.css +++ b/app/components/layout/ChatSidebar.module.css @@ -23,6 +23,17 @@ } } +@media screen and (display-mode: standalone) and (max-width: 599px) { + .sidebarHeader, + .chatHeader { + padding-block-start: env(safe-area-inset-top); + } + + .sidebar { + padding-block-end: env(safe-area-inset-bottom); + } +} + .closeButton { display: grid; place-items: center;