1 | @root-entry-name: 'default';
|
2 | @import (reference) '~antd/es/style/themes/index.less';
|
3 |
|
4 | @basicLayout-prefix-cls: ~'@{ant-prefix}-pro-basicLayout';
|
5 | @pro-layout-header-height: 48px;
|
6 |
|
7 | .@{basicLayout-prefix-cls} {
|
8 |
|
9 | display: flex;
|
10 | flex-direction: column;
|
11 | width: 100%;
|
12 | min-height: 100%;
|
13 |
|
14 | .@{ant-prefix}-layout-header {
|
15 | &.@{ant-prefix}-pro-fixed-header {
|
16 | position: fixed;
|
17 | top: 0;
|
18 | }
|
19 | &.@{ant-prefix}-pro-header-light {
|
20 | background: @component-background;
|
21 | }
|
22 | }
|
23 |
|
24 | &-content {
|
25 | position: relative;
|
26 | margin: 24px;
|
27 |
|
28 | .@{ant-prefix}-pro-page-container {
|
29 | margin: -24px -24px 0;
|
30 | }
|
31 |
|
32 | &-disable-margin {
|
33 | margin: 0;
|
34 |
|
35 | .@{ant-prefix}-pro-page-container {
|
36 | margin: 0;
|
37 | }
|
38 | }
|
39 | > .@{ant-prefix}-layout {
|
40 | max-height: 100%;
|
41 | }
|
42 | }
|
43 |
|
44 |
|
45 | .@{basicLayout-prefix-cls}-is-children.@{basicLayout-prefix-cls}-fix-siderbar {
|
46 | height: 100vh;
|
47 | overflow: hidden;
|
48 | transform: rotate(0);
|
49 | }
|
50 |
|
51 | .@{basicLayout-prefix-cls}-has-header {
|
52 |
|
53 | .tech-page-container {
|
54 | height: calc(100vh - @pro-layout-header-height);
|
55 | }
|
56 | .@{basicLayout-prefix-cls}-is-children.@{basicLayout-prefix-cls}-has-header {
|
57 | .tech-page-container {
|
58 | height: calc(100vh - @pro-layout-header-height - @pro-layout-header-height);
|
59 | }
|
60 | .@{basicLayout-prefix-cls}-is-children {
|
61 | min-height: calc(100vh - @pro-layout-header-height);
|
62 | &.@{basicLayout-prefix-cls}-fix-siderbar {
|
63 | height: calc(100vh - @pro-layout-header-height);
|
64 | }
|
65 | }
|
66 | }
|
67 | }
|
68 | }
|