antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2026-02-15 01:02:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

embedded mode more responsive

Browse Source
This commit is contained in:
Anton Tranelis 2024-06-05 22:31:15 +02:00
parent 34f6675c8b
commit 0689ff5a8e
3 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/Components/AppShell/AppShell.tsx
View File

@ -46,9 +46,11 @@ export function AppShell({ appName, children, assetsApi }: { appName: string, ch
draggable
pauseOnHover
theme="light" />
<NavBar appName={appName}></NavBar>
<div id="app-content" className="tw-flex tw-!pl-[77px]">
{children}
<div className='tw-flex tw-flex-col tw-h-full'>
<NavBar appName={appName}></NavBar>
<div id="app-content" className="tw-flex-grow">
{children}
</div>
</div>
</QuestsProvider>
</ClusterRefProvider>

2
src/Components/AppShell/Content.tsx
View File

@ -6,7 +6,7 @@ type ContentProps = {
export function Content({children} : ContentProps) {
return (
<div className='tw-flex tw-flex-col tw-w-full tw-bg-base-200 tw-relative'>
<div className='tw-flex tw-flex-col tw-w-full tw-h-full tw-bg-base-200 tw-relative'>
{children}
</div>

2
src/Components/Map/UtopiaMap.tsx
View File

@ -75,7 +75,7 @@ function UtopiaMap({
return (
<>
<div className={(selectNewItemPosition != null ? "crosshair-cursor-enabled" : undefined)}>
<div className={`tw-h-full ${(selectNewItemPosition != null ? "crosshair-cursor-enabled" : undefined)}`}>
<MapContainer ref={mapDivRef} style={{ height: height, width: width }} center={new LatLng(center[0], center[1])} zoom={zoom} zoomControl={false} maxZoom={19}>
<Outlet></Outlet>
<Control position='topLeft' zIndex="1000">