portrait padding only

This commit is contained in:
Josh Hawkins 2024-05-16 16:44:26 -05:00
parent e6245cf313
commit a4af55e25c
2 changed files with 6 additions and 5 deletions

View File

@ -35,10 +35,9 @@ function App() {
id="pageRoot" id="pageRoot"
className={cn( className={cn(
"absolute right-0 top-0 overflow-hidden", "absolute right-0 top-0 overflow-hidden",
isMobile && isMobile
"bottom-12 left-0 md:bottom-16 landscape:bottom-14 landscape:md:bottom-16", ? `bottom-${isPWA ? 16 : 12} left-0 md:bottom-16 landscape:bottom-14 landscape:md:bottom-16`
isMobile && isPWA && "bottom-16", : "bottom-8 left-[52px]",
isDesktop && "bottom-8 left-[52px]",
)} )}
> >
<Suspense> <Suspense>

View File

@ -25,7 +25,9 @@ function Bottombar() {
<div <div
className={cn( className={cn(
"absolute inset-x-4 bottom-0 flex h-16 flex-row justify-between", "absolute inset-x-4 bottom-0 flex h-16 flex-row justify-between",
isPWA ? "items-start pt-1" : "items-center", isPWA
? "portrait:items-start portrait:pt-1 landscape:items-center"
: "items-center",
isMobile && !isPWA && "h-12 landscape:md:h-16", isMobile && !isPWA && "h-12 landscape:md:h-16",
)} )}
> >