You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
memos/web/src/less/user-banner.less

44 lines
1.1 KiB
Plaintext

.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 dark:text-gray-200 cursor-pointer shrink truncate;
}
> .tag {
@apply text-xs px-1 bg-blue-600 dark:bg-blue-800 rounded text-white dark:text-gray-200 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 {
@apply flex flex-col justify-start items-start;
> .amount-text {
@apply font-bold text-2xl opacity-80 leading-10 text-slate-600 dark:text-gray-300;
}
> .type-text {
@apply text-gray-400 text-xs font-mono;
}
}
}