vue-ant-patterns/lib/d-header-tools/style/index.css

vue-ant-patterns

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* 
命名规则, 三部分 className
.flex-侧轴
.flex-主轴
.flex-侧轴-主轴
*/
.depot-header-tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: -6px;
}
.depot-header-tools .ant-badge-count {
  background: #f0ad29;
  color: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.depot-header-tools .avatar-button .avatar {
  width: 32px;
  height: 32px;
  border: none;
  padding: 0;
}
.depot-header-tools .icon-button {
  color: #ffffff;
  display: inline-block;
}
.depot-header-tools .icon-button:hover {
  color: #ffffff;
}
.depot-header-tools .icon-button-avatar {
  padding: 0;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -6px;
  margin-left: 4px;
}
.headr-avatar-dropmenu {
  min-width: 150px;
  width: 150px;
}
.headr-avatar-dropmenu .ant-dropdown-menu-dark,
.headr-avatar-dropmenu .ant-dropdown-menu-dark .ant-dropdown-menu,
.headr-avatar-dropmenu .ant-dropdown-menu,
.headr-avatar-dropmenu .ant-dropdown-menu .ant-dropdown-menu {
  min-width: 150px !important;
  width: 150px !important;
}
.headr-avatar-dropmenu .ant-dropdown-menu-item-divider,
.headr-avatar-dropmenu .ant-dropdown-menu-submenu-title-divider {
  margin-left: 1px;
  margin-right: 1px;
  background: #999;
}