@import "./mixin.less"; .user-banner-container { @apply flex flex-row justify-between items-center relative w-full h-10 px-6 flex-nowrap mb-1 shrink-0; > .username-container { @apply shrink flex flex-row justify-start items-center flex-nowrap truncate; > .username-text { @apply font-bold text-lg pr-1 text-slate-800 cursor-pointer shrink truncate; } > .tag { @apply text-xs px-1 bg-blue-600 rounded text-white shadow; } } > .action-btn { @apply shrink-0 select-none border-none; &.menu-popup-btn { @apply flex flex-col justify-center items-center w-9 h-10 -mr-2 cursor-pointer; > .icon-img { @apply w-5 h-auto; } } } } .amount-text-container { @apply flex flex-row justify-between items-start w-full px-6 select-none shrink-0 pb-4; > .status-text { .flex(column, flex-start, flex-start); > .amount-text { @apply font-bold text-2xl opacity-80 leading-10; color: @text-black; } > .type-text { @apply text-gray-400 text-xs font-mono; } } }