Hotax/src/components/AvatarIcon/index.less

@import "~antd/lib/style/themes/default.less";

.popover {
  width: 250px;
  :global(.ant-popover-title) {
    text-align: center;
  }
  :global(.ant-popover-inner-content) {
    padding: 0;
  }
  p {
    margin-top: 5px;
  }
}

.userBoxContent {
  padding-top: 16px;
  :global(.ant-card) {
    margin-left: 10px;
    width: 70px;
    height: 70px;
    float: left;
    &:hover {
      background: #f5f5f5;
    }
  }
  :global(.ant-card .ant-card-body) {
    padding: 20px 0;
    text-align: center;
    > i {
      font-size: 20px;
      color: #788d9b;
    }
  }
  .logoutButton {
    display: block;
    clear: both;
    height: 50px;
    line-height: 50px;
    background: #f5f5f5;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
    margin-top: 96px;
  }
}