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

fixed sidenav margin in embedded mode

Browse Source
This commit is contained in:
Anton Tranelis 2024-06-10 11:45:54 +02:00
parent 0f5534acef
commit 9829456ed8
2 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -49,10 +49,21 @@ export function SideBar({ routes, bottomRoutes }: { routes: route[], bottomRoute
}
}, [])
const searchInput = useRef<HTMLInputElement>(null);
const [embedded, setEmbedded] = useState<boolean>(true)
useEffect(() => {
let params = new URLSearchParams(location.search);
let embedded = params.get("embedded");
embedded != "true" && setEmbedded(false)
}, [location]);
return (
<nav
id="sidenav"
className="group tw-fixed tw-left-0 tw-mt-16 tw-top-0 tw-z-[10035] tw-h-[calc(100dvh-64px)] tw--translate-x-full tw-overflow-hidden tw-shadow-xl 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 ${embedded ? 'tw-mt-5' : 'tw-mt-16' } tw-top-0 tw-z-[10035] tw-h-[calc(100dvh-64px)] tw--translate-x-full tw-overflow-hidden tw-shadow-xl 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-hidden="true"
data-te-sidenav-mode="side"

4
src/Components/Map/Subcomponents/Controls/SearchControl.tsx
View File

@ -88,9 +88,7 @@ export const SearchControl = () => {
useEffect(() => {
let params = new URLSearchParams(location.search);
let embedded = params.get("embedded");
embedded != "true" && setEmbedded(false)
console.log(embedded);
embedded != "true" && setEmbedded(false)
}, [location]);