diff --git a/src/compenents/left-menu/index.module.less b/src/compenents/left-menu/index.module.less index 77ea9cf..771d7ab 100644 --- a/src/compenents/left-menu/index.module.less +++ b/src/compenents/left-menu/index.module.less @@ -10,4 +10,11 @@ margin-left: 38px; margin-bottom: 14px; } + + .menu-box { + width: 200px; + height: 100%; + overflow-y: auto; + overflow-x: hidden; + } } diff --git a/src/compenents/left-menu/index.tsx b/src/compenents/left-menu/index.tsx index 14dcb76..5a286d4 100644 --- a/src/compenents/left-menu/index.tsx +++ b/src/compenents/left-menu/index.tsx @@ -140,23 +140,25 @@ export const LeftMenu: React.FC = () => { > - { - setSelectedKeys(data.selectedKeys); - }} - onOpenChange={(keys: any) => { - setOpenKeys(keys); - }} - /> +
+ { + setSelectedKeys(data.selectedKeys); + }} + onOpenChange={(keys: any) => { + setOpenKeys(keys); + }} + /> +
); }; diff --git a/src/index.less b/src/index.less index d3744b6..8fa8cd4 100644 --- a/src/index.less +++ b/src/index.less @@ -313,6 +313,10 @@ code { background-color: #ffffff !important; } +.ant-menu { + border-inline-end: none !important; +} + .ant-menu-item { width: calc(100% - 32px) !important; margin-left: 16px !important; diff --git a/src/pages/home/index.module.less b/src/pages/home/index.module.less index 981bb5b..facd507 100644 --- a/src/pages/home/index.module.less +++ b/src/pages/home/index.module.less @@ -1,16 +1,20 @@ .layout-wrap { - width: 100%; - min-height: 100vh; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; display: flex; .left-menu { width: 200px; - height: auto; + height: 100%; float: left; } .right-cont { flex: 1; display: flex; flex-direction: column; + background-color: #f6f6f6; .right-top { width: 100%; height: 48px;