12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 |
- .layout-header {
- height: var(--header-height);
- box-sizing: border-box;
- padding: 0;
- display: flex;
- align-items: center;
- justify-content: space-between;
- color: #fff;
-
- // &.light {
- // background-color: #fff;
- // color: #000;
- // }
-
- .header-content {
- flex: 1;
- }
-
- .font {
- color: inherit;
- display: inline-block;
- }
-
- .user-info {
- cursor: pointer;
-
- .ant-avatar {
- border: 1px solid rgba(255, 255, 255, 0.4);
- }
-
- span {
- margin-left: 1em;
- }
- }
-
- .sys-exit {
- margin-right: 1em;
- }
- }
-
- .logo {
- height: var(--header-height);
- display: flex;
- align-items: center;
- box-sizing: border-box;
- padding-left: 1em;
- color: inherit;
-
- a {
- line-height: 1em;
- color: #fff;
- outline: none;
- display: flex;
- align-items: center;
- }
-
- & > * {
- color: inherit;
- margin: 0;
- }
-
- h5 {
- margin: 0;
- }
-
- img {
- width: 28px;
- vertical-align: middle;
- margin-right: 1em;
- }
- }
-
- .layout-container {
- flex: 1;
- display: flex;
- flex-direction: column;
- height: 100%;
-
- overflow-y: auto;
- scrollbar-width: none;
- -ms-overflow-style: none;
-
- &::--webkit-scrollbar {
- display: none;
- }
-
- padding-top: 0; // 避免子元素的 margin 影响
- }
|