@yelon/theme/layout-default/style/widgets/_user.less

ng-yunzai theme system library.

@yunzai-default-user-block-margin: @layout-gutter * 3;
@yunzai-default-user-block-avatar-hw: @avatar-size-lg;

.yunzai-default-aside-user-mixin(@enabled) when(@enabled=true) {
  @{yunzai-default-prefix}__aside-user {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: @yunzai-default-user-block-margin @yunzai-default-user-block-margin 8px @yunzai-default-user-block-margin;

    .@{ant-prefix}-dropdown-trigger {
      display: flex;
      align-items: center;
    }

    &-info {
      overflow: hidden;
      flex: 1;
      color: @text-color;
      text-overflow: ellipsis;
      white-space: nowrap;
      flex-wrap: wrap;

      strong {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      p {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #8a8a8a;
        margin-bottom: 0 !important;
      }
    }

    &-avatar {
      margin-right: @layout-gutter;
    }
  }

  [dir='rtl'] {
    @{yunzai-default-prefix}__aside-user {
      &-avatar {
        margin-right: 0;
        margin-left: @layout-gutter;
      }
    }

    @media (min-width: @mobile-min) {
      @{yunzai-default-prefix}__collapsed {
        @{yunzai-default-prefix}__aside-user {
          margin-right: 0;

          &-avatar {
            margin: 0 auto;
          }
        }
      }
    }
  }

  // Desktop
  @media (min-width: @mobile-min) {
    @{yunzai-default-prefix}__collapsed {
      @{yunzai-default-prefix}__aside-user {
        width: @yunzai-default-aside-collapsed-wd;
        margin-left: 0;

        &-info {
          display: none;
        }

        &-avatar {
          margin: 0 auto;
        }
      }
    }
  }
}
.yunzai-default-aside-user-mixin(@yunzai-default-aside-user-enabled);