U 优化样式

pull/480/head
vapao 2022-04-05 17:41:14 +08:00
parent 7cacb96ffb
commit b96851b250
2 changed files with 21 additions and 21 deletions

View File

@ -12,11 +12,11 @@ import uStore from '../account/store';
export default observer(function (props) {
const users = uStore.records.filter(x => x.role_ids.includes(props.id))
return (
<Table rowKey="id" dataSource={users} pagination={false} scroll={{y: 500,x: 500}}>
<Table.Column title="姓名" dataIndex="nickname"/>
<Table.Column title="状态" dataIndex="is_active"
<Table rowKey="id" dataSource={users} pagination={false} scroll={{y: 500}}>
<Table.Column width={120} title="姓名" dataIndex="nickname"/>
<Table.Column width={90} title="状态" dataIndex="is_active"
render={v => v ? <Badge status="success" text="正常"/> : <Badge status="default" text="禁用"/>}/>
<Table.Column title="最近登录" dataIndex="last_login"/>
<Table.Column width={180} title="最近登录" dataIndex="last_login"/>
</Table>
)
})

View File

@ -1,44 +1,44 @@
.container :global(.ant-modal-footer) {
border-top: 0
border-top: 0
}
.table {
width: 100%;
border: 1px solid #dfdfdf;
width: 100%;
border: 1px solid #dfdfdf;
}
.table :global(.ant-checkbox-group) {
width: 100%;
width: 100%;
}
.table th {
background-color: #fafafa;
color: #404040;
font-size: 18px;
font-weight: 500;
padding: 5px 15px;
background-color: #fafafa;
color: #404040;
font-size: 18px;
font-weight: 500;
padding: 5px 15px;
}
.table td {
padding: 5px 15px;
padding: 5px 15px;
}
.groupItem {
margin-bottom: 12px;
display: flex;
align-items: center;
margin-bottom: 12px;
display: flex;
align-items: center;
}
.delIcon {
font-size: 24px;
margin-left: 10px;
font-size: 24px;
margin-left: 10px;
}
.delIcon:hover {
color: #f5222d;
color: #f5222d;
}
.roleUser :global(.ant-popover-inner-content) {
padding: 0;
width: 500px;
width: 400px;
}