sdy

create HomeContainer, coz add overflow:hidden

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 };
......