improve
This commit is contained in:
parent
8688b7475e
commit
e8345cbdc1
40 changed files with 1980 additions and 904 deletions
|
|
@ -132,6 +132,10 @@ export function MobileMapPage({
|
|||
upgradeModal,
|
||||
editingBar,
|
||||
}: MobileMapPageProps) {
|
||||
const floatingPaneAvailableHeight = `max(12rem, calc(100dvh - ${Math.ceil(
|
||||
bottomScreenInset
|
||||
)}px - 7rem))`;
|
||||
|
||||
return (
|
||||
<div className="flex-1 overflow-hidden relative">
|
||||
<LoadingOverlay show={initialLoading} />
|
||||
|
|
@ -219,7 +223,13 @@ export function MobileMapPage({
|
|||
)}
|
||||
|
||||
{poiPaneOpen && (
|
||||
<div className="absolute top-24 right-3 left-3 z-20 flex h-[45dvh] min-h-0 flex-col overflow-hidden rounded-lg border border-warm-200 bg-white shadow-xl dark:border-warm-700 dark:bg-warm-900">
|
||||
<div
|
||||
className="absolute top-24 right-3 left-3 z-20 flex min-h-0 flex-col overflow-hidden rounded-lg border border-warm-200 bg-white shadow-xl dark:border-warm-700 dark:bg-warm-900"
|
||||
style={{
|
||||
height: `min(22rem, ${floatingPaneAvailableHeight})`,
|
||||
maxHeight: floatingPaneAvailableHeight,
|
||||
}}
|
||||
>
|
||||
{poiPane}
|
||||
</div>
|
||||
)}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue