antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2025-12-13 07:46:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix add button bug on mobile and dark mode issue

Browse Source
This commit is contained in:
Anton 2023-09-01 00:39:04 +02:00
parent d6ada13e19
commit ddd87b8748
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -131,7 +131,7 @@ export default function NavBar({ appName, useAuth }: { appName: string, useAuth:
</label> </label>
<ul tabIndex={1} className="tw-menu tw-menu-compact tw-dropdown-content tw-mt-3 tw-p-2 tw-shadow tw-bg-base-100 tw-rounded-box tw-w-52 !tw-z-[1500]"> <ul tabIndex={1} className="tw-menu tw-dropdown-content tw-mt-3 tw-p-2 tw-shadow tw-bg-base-100 tw-rounded-box tw-w-52 !tw-z-[1500]">
<li><a onClick={() => setLoginOpen(true)}>Login</a></li> <li><a onClick={() => setLoginOpen(true)}>Login</a></li>
<li><a onClick={() => setSignupOpen(true)}>Sign Up</a></li> <li><a onClick={() => setSignupOpen(true)}>Sign Up</a></li>
</ul> </ul>

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

@ -51,7 +51,7 @@ export function SideBar({routes} : {routes : route[]}) {
return ( return (
<nav <nav
id="sidenav" id="sidenav"
className="group tw-fixed tw-left-0 tw-mt-16 tw-top-0 tw-z-[1035] tw-h-full tw--translate-x-full tw-overflow-hidden tw-bg-white tw-shadow-[0_4px_12px_0_rgba(0,0,0,0.07),_0_2px_4px_rgba(0,0,0,0.05)] data-[te-sidenav-slim='true']:tw-hidden data-[te-sidenav-slim-collapsed='true']:tw-w-[56px] data-[te-sidenav-slim='true']:tw-w-[56px] data-[te-sidenav-hidden='false']:tw-translate-x-0 dark:tw-bg-zinc-800 [&[data-te-sidenav-slim-collapsed='true'][data-te-sidenav-slim='false']]:tw-hidden [&[data-te-sidenav-slim-collapsed='true'][data-te-sidenav-slim='true']]:[display:unset]" className="group tw-fixed tw-left-0 tw-mt-16 tw-top-0 tw-z-[1035] tw-h-full tw--translate-x-full tw-overflow-hidden tw-shadow-[0_4px_12px_0_rgba(0,0,0,0.07),_0_2px_4px_rgba(0,0,0,0.05)] data-[te-sidenav-slim='true']:tw-hidden data-[te-sidenav-slim-collapsed='true']:tw-w-[56px] data-[te-sidenav-slim='true']:tw-w-[56px] data-[te-sidenav-hidden='false']:tw-translate-x-0 dark:tw-bg-zinc-800 [&[data-te-sidenav-slim-collapsed='true'][data-te-sidenav-slim='false']]:tw-hidden [&[data-te-sidenav-slim-collapsed='true'][data-te-sidenav-slim='true']]:[display:unset]"
data-te-sidenav-init data-te-sidenav-init
data-te-sidenav-hidden="true" data-te-sidenav-hidden="true"
data-te-sidenav-mode="side" data-te-sidenav-mode="side"

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

@ -74,8 +74,8 @@ function UtopiaMap({
} }
</MarkerClusterGroup> </MarkerClusterGroup>
<MapEventListener setSelectMode={setSelectMode} selectMode={selectMode} setItemFormPopup={setItemFormPopup} /> <MapEventListener setSelectMode={setSelectMode} selectMode={selectMode} setItemFormPopup={setItemFormPopup} />
<AddButton setSelectMode={setSelectMode}></AddButton>
</MapContainer> </MapContainer>
<AddButton setSelectMode={setSelectMode}></AddButton>
{selectMode != null && {selectMode != null &&
<div className="tw-button tw-z-500 tw-absolute tw-right-5 tw-top-20 tw-drop-shadow-md"> <div className="tw-button tw-z-500 tw-absolute tw-right-5 tw-top-20 tw-drop-shadow-md">
<div className="tw-alert tw-bg-white tw-text-green-900"> <div className="tw-alert tw-bg-white tw-text-green-900">