tmshv/hudozka
1
0 Fork 0
Code Issues Pull Requests Actions Releases Wiki Activity

ui components updates

Browse Source
This commit is contained in:
tmshv committed 2022-09-06 20:37:24 +03:00
1 parent 160c66a0af
commit 1d1e41adea
13 files changed
+90 -82
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/components/Navigation/index.tsx
+30 -34
View File
@@ -17,15 +17,6 @@ export const Navigation: React.FC<NavigationProps> = props => {
const [open, toggleOpen] = useToggle(false)
const { menu } = useContext(ConfigContext)
if (!collapseMenu) {
return (
<Menu
layout={"desktop"}
items={menu}
/>
)
}
return (
<>
<Overlay
@@ -33,8 +24,36 @@ export const Navigation: React.FC<NavigationProps> = props => {
onClickOverlay={toggleOpen}
duration={250}
>
<Block direction={"horizontal"}>
<Block direction={"horizontal"} align style={{
padding: "var(--size-s)",
}}>
<Spacer />
<MenuToggle
open={open}
onClick={toggleOpen}
/>
</Block>
<Block direction={"horizontal"} style={{
justifyContent: "center",
}}>
<Menu vertical
items={menu}
/>
</Block>
</Overlay>
<Block direction={"horizontal"} align style={{
padding: "var(--size-s)",
}}>
{collapseMenu ? null : (
<Menu
items={menu}
/>
)}
<Spacer />
{!collapseMenu ? null : (
<MenuToggle
open={open}
onClick={toggleOpen}
@@ -42,30 +61,7 @@ export const Navigation: React.FC<NavigationProps> = props => {
margin: "var(--size-xs)",
}}
/>
</Block>
<Block direction={"horizontal"} style={{
justifyContent: "center",
}}>
<nav style={{
width: "75%",
}}>
<Menu
layout={"mobile"}
items={menu}
/>
</nav>
</Block>
</Overlay>
<Block direction={"horizontal"}>
<Spacer />
<MenuToggle
open={open}
onClick={toggleOpen}
style={{
margin: "var(--size-xs)",
}}
/>
)}
</Block>
</>
)