enhance(ux): display at most 2 block tags when there're more

This commit is contained in:
Tienson Qin
2024-09-09 12:06:29 +08:00
parent afbb4bcbd4
commit 339da2614c
4 changed files with 87 additions and 47 deletions

View File

@@ -880,12 +880,17 @@ html.is-mac {
}
.block-tags {
@apply flex flex-row flex-wrap self-start items-center gap-1;
@apply flex flex-row flex-wrap self-start items-center gap-2;
min-height: 24px;
max-width: 256px;
}
.block-tag a.tag {
@apply flex text-sm items-center opacity-70;
}
.block-tag a.tag:hover {
@apply opacity-100;
}
.block-tag span {
@apply whitespace-nowrap overflow-hidden;
max-width: 160px;