essay列表的label样式调整

This commit is contained in:
pqcqaq 2024-10-15 14:55:23 +08:00
parent 9a4410851a
commit 890b84f0d8
3 changed files with 31 additions and 18 deletions

View File

@ -13,6 +13,8 @@
border-radius: 15px;
padding: 10px;
transition: background-color 0.3s ease;
height: 90%;
overflow: auto;
}
.icons {

View File

@ -6,4 +6,13 @@
display: flex;
justify-content: space-between;
width: 100%;
}
.labels {
display: flex;
margin-top: 20px;
padding: 20px;
gap: 20px;
overflow: auto;
flex-wrap: wrap;
}

View File

@ -108,24 +108,26 @@ const EssayList = (
path: 'labels',
render: (row) => {
return row.labels.length ? (
row.labels.map(
(label: {
id: string;
name: string;
bgColor: string;
textColor: string;
}) => (
<Tag
color={label.bgColor}
key={label.id}
style={{
color: label.textColor,
}}
>
{label.name}
</Tag>
)
)
<div className={Styles.labels}>
{row.labels.map(
(label: {
id: string;
name: string;
bgColor: string;
textColor: string;
}) => (
<Tag
color={label.bgColor}
key={label.id}
style={{
color: label.textColor,
}}
>
{label.name}
</Tag>
)
)}
</div>
) : (
<></>
);