essay列表的label样式调整
This commit is contained in:
parent
9a4410851a
commit
890b84f0d8
|
|
@ -13,6 +13,8 @@
|
|||
border-radius: 15px;
|
||||
padding: 10px;
|
||||
transition: background-color 0.3s ease;
|
||||
height: 90%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.icons {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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>
|
||||
) : (
|
||||
<>无</>
|
||||
);
|
||||
|
|
|
|||
Loading…
Reference in New Issue