@import "./mixin.less";

.user-banner-container {
  .flex(row, space-between, center);
  @apply w-full h-auto px-6 flex-nowrap mb-1;

  > .username-text {
    @apply font-bold text-lg pr-2 text-slate-800 cursor-pointer shrink truncate;
  }

  > .action-btn {
    @apply shrink-0 select-none border-none;

    &.menu-popup-btn {
      .flex(column, center, center);
      @apply w-9 h-10 -mr-2 cursor-pointer;

      > .icon-img {
        @apply w-5 h-auto;
      }
    }
  }
}
