Showing
1 changed file
with
13 additions
and
3 deletions
1 | import React from "react"; | 1 | import React from "react"; |
2 | +import styled from "styled-components"; | ||
2 | import MenuBar from "../Components/MenuList/MenuBar"; | 3 | import MenuBar from "../Components/MenuList/MenuBar"; |
3 | import SubMenuBar from "../Components/SubMenuList/SubMenuBar"; | 4 | import SubMenuBar from "../Components/SubMenuList/SubMenuBar"; |
4 | import MainScreen from "../Components/Main/MainScreen"; | 5 | import MainScreen from "../Components/Main/MainScreen"; |
5 | 6 | ||
7 | +const HomeContainer = styled.div` | ||
8 | + width: 100%; | ||
9 | + display: flex; | ||
10 | + flex-direction: row; | ||
11 | + overflow: hidden; | ||
12 | +`; | ||
13 | + | ||
6 | export default () => { | 14 | export default () => { |
7 | return ( | 15 | return ( |
8 | <> | 16 | <> |
9 | - <MenuBar /> | 17 | + <HomeContainer> |
10 | - <SubMenuBar /> | 18 | + <MenuBar /> |
11 | - <MainScreen /> | 19 | + <SubMenuBar /> |
20 | + <MainScreen /> | ||
21 | + </HomeContainer> | ||
12 | </> | 22 | </> |
13 | ); | 23 | ); |
14 | }; | 24 | }; | ... | ... |
-
Please register or login to post a comment