@import "~antd/lib/style/themes/default.less"; .header { padding: 0 12px 0 0; background: #fff; box-shadow: 0 1px 4px rgba(0, 21, 41, .08); position: relative; } .logo { height: 64px; position: relative; line-height: 64px; padding-left: (@menu-collapsed-width - 32px) / 2; transition: all .3s; background: #002140; overflow: hidden; img { display: inline-block; vertical-align: middle; height: 32px; } h1 { color: #fff; display: inline-block; vertical-align: middle; font-size: 20px; margin: 0 0 0 12px; font-family: 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: 600; } } i.trigger { font-size: 20px; line-height: 64px; cursor: pointer; transition: all .3s; padding: 0 24px; &:hover { background: @primary-1; } } @media screen and (max-width: @screen-xs) { .trigger { display: none; } } .right { float: right; height: 100%; .action { cursor: pointer; padding: 0 12px; display: inline-block; transition: all .3s; height: 100%; > i { font-size: 16px; vertical-align: middle; } &:global(.ant-popover-open), &:hover { background: @primary-1; } } .search { padding: 0; margin: 0 12px; &:hover { background: transparent; } } .account { .avatar { margin: 20px 8px 20px 0; color: @primary-color; background: rgba(255, 255, 255, .85); vertical-align: middle; } } } .menu { :global(.anticon) { margin-right: 8px; } :global(.ant-dropdown-menu-item) { width: 160px; } } :global { .ant-layout { overflow-x: hidden; } } .sider { min-height: 100vh; box-shadow: 2px 0 6px rgba(0, 21, 41, .35); position: relative; z-index: 10; }