@import "./mixin.less";

.section-header-container,
.memos-header-container {
  .flex(row, space-between, center);
  @apply w-full h-10 flex-nowrap mt-4 mb-2 shrink-0;

  > .title-container {
    @apply flex flex-row justify-start items-center mr-2 shrink-0 overflow-hidden;

    > .action-btn {
      @apply flex sm:hidden flex-row justify-center items-center w-6 h-6 mr-1 shrink-0;
      background-color: unset;

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

    > .title-text {
      @apply font-bold text-lg leading-10 mr-2 text-ellipsis shrink-0 cursor-pointer overflow-hidden;
      color: @text-black;
    }
  }

  > .btns-container {
    .flex(row, flex-end, center);
  }
}
