github
/
spug
mirror of https://github.com/openspug/spug
1
0
Fork 0
Code Issues Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
spug_web/src/pages/system/role/RoleUsers.js
View File

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

34
spug_web/src/pages/system/role/index.module.css
View File

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