| /* |
| * MIT License |
| |
| * Copyright (c) 2019 Alipay.inc |
| |
| * Permission is hereby granted, free of charge, to any person obtaining a copy |
| * of this software and associated documentation files (the "Software"), to deal |
| * in the Software without restriction, including without limitation the rights |
| * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell |
| * copies of the Software, and to permit persons to whom the Software is |
| * furnished to do so, subject to the following conditions: |
| |
| * The above copyright notice and this permission notice shall be included in all |
| * copies or substantial portions of the Software. |
| |
| * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
| * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
| * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
| * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
| * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, |
| * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE |
| * SOFTWARE. |
| */ |
| @import '~antd/es/style/themes/default.less'; |
| |
| @pro-header-hover-bg: rgba(0, 0, 0, 0.025); |
| |
| .menu { |
| :global(.anticon) { |
| margin-right: 8px; |
| } |
| :global(.ant-dropdown-menu-item) { |
| min-width: 160px; |
| } |
| } |
| |
| .right { |
| display: flex; |
| float: right; |
| height: 48px; |
| margin-left: auto; |
| overflow: hidden; |
| .action { |
| display: flex; |
| align-items: center; |
| height: 48px; |
| padding: 0 12px; |
| cursor: pointer; |
| transition: all 0.3s; |
| |
| &:hover { |
| background: @pro-header-hover-bg; |
| } |
| &:global(.opened) { |
| background: @pro-header-hover-bg; |
| } |
| } |
| .search { |
| padding: 0 12px; |
| &:hover { |
| background: transparent; |
| } |
| } |
| .account { |
| .avatar { |
| margin-right: 8px; |
| color: @primary-color; |
| vertical-align: top; |
| background: rgba(255, 255, 255, 0.85); |
| } |
| } |
| } |
| |
| .dark { |
| .action { |
| &:hover { |
| background: #252a3d; |
| } |
| &:global(.opened) { |
| background: #252a3d; |
| } |
| } |
| } |
| |
| @media only screen and (max-width: @screen-md) { |
| :global(.ant-divider-vertical) { |
| vertical-align: unset; |
| } |
| .name { |
| display: none; |
| } |
| .right { |
| position: absolute; |
| top: 0; |
| right: 12px; |
| .account { |
| .avatar { |
| margin-right: 0; |
| } |
| } |
| .search { |
| display: none; |
| } |
| } |
| } |