.page { display: flex; gap: 40px; min-height: calc(100vh - 60px - 50px - 96px); } .pageTools { flex: 1; :global { .ant-btn { font-size: 12px; border-radius: 5px; & + .ant-btn { margin-left: 10px; } } } } .sidebar { position: relative; flex-shrink: 0; width: 338px; min-height: 100%; border-radius: 2px; background: rgba(165, 181, 210, 0.1); :global { .ant-tree { background: none; .ant-tree-treenode-disabled .ant-tree-node-content-wrapper { cursor: initial; } } .ant-tree-treenode { padding: 0 15px; } .ant-tree-title { color: black !important; } } } .sidebarHeader { display: flex; align-items: center; justify-content: space-between; padding: 17px 20px; font-size: 16px; :global { .ant-btn { font-size: 12px; background: var(--second-color); } } } .container { position: relative; padding-right: 40px; } .containerTitle { font-size: 16px; } .tableItem { display: flex; gap: 30px; margin-top: 30px; line-height: 30px; } .tableItemLabel { flex-shrink: 0; width: 210px; text-align: right; } .tableItemInner { min-width: 600px; }