From 84a2d8551fcbe35b27c7a1a64074211c5be46fb7 Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Tue, 6 Sep 2022 20:54:37 +0300
Subject: [PATCH] Navigation component update

---
 src/components/Navigation/index.tsx | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/components/Navigation/index.tsx b/src/components/Navigation/index.tsx
index 64a6875e..90c3b8aa 100644
--- a/src/components/Navigation/index.tsx
+++ b/src/components/Navigation/index.tsx
@@ -4,7 +4,7 @@ import { Menu } from "../Menu"
 import { Overlay } from "@/ui/Overlay"
 import { useContext } from "react"
 import { ConfigContext } from "src/context/ConfigContext"
-import { Block } from "../Block"
+import { Box } from "@/ui/Box"
 import { Spacer } from "../Spacer"
 import { useToggle } from "react-use"
 
@@ -24,7 +24,7 @@ export const Navigation: React.FC<NavigationProps> = props => {
                 onClickOverlay={toggleOpen}
                 duration={250}
             >
-                <Block direction={"horizontal"} align style={{
+                <Box style={{
                     padding: "var(--size-s)",
                 }}>
                     <Spacer />
@@ -32,17 +32,17 @@ export const Navigation: React.FC<NavigationProps> = props => {
                         open={open}
                         onClick={toggleOpen}
                     />
-                </Block>
-                <Block direction={"horizontal"} style={{
+                </Box>
+                <Box style={{
                     justifyContent: "center",
                 }}>
                     <Menu vertical
                         items={menu}
                     />
-                </Block>
+                </Box>
             </Overlay>
 
-            <Block direction={"horizontal"} align style={{
+            <Box wrap style={{
                 padding: "var(--size-s)",
             }}>
                 {collapseMenu ? null : (
@@ -57,12 +57,9 @@ export const Navigation: React.FC<NavigationProps> = props => {
                     <MenuToggle
                         open={open}
                         onClick={toggleOpen}
-                        style={{
-                            margin: "var(--size-xs)",
-                        }}
                     />
                 )}
-            </Block>
+            </Box>
         </>
     )
 }