.indexContainer { .anticon svg { margin-top: 0px; } } .mapContent { display: flex; width: 100%; height: calc(100vh - 160px); .mapTool { width: 400px; .title { text-align: center; font-weight: 700; font-size: 14px; } .colorContent { width: 100%; display: flex; justify-content: space-between; .colorBox { width: 15px; height: 15px; border: 1px solid #ccc; } .currentColor { border: 2px solid #faad14; } } } .mapBox { display: flex; align-items: center; position: relative; margin-left: 15px; width: 100%; height: 100%; canvas { width: 100%; height: 100%; } } } .ant-cascader-menu { height: 530px; }