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