Add styles improvements for deleting rows.
parent
e9f0f63345
commit
2539e49cfe
|
@ -10,18 +10,18 @@ const DeleteButton = ({onConfirm}) => (
|
|||
)
|
||||
|
||||
const ConfirmButtons = ({onDelete, item, onCancel}) => (
|
||||
<div className="admin-table--delete">
|
||||
<div>
|
||||
<button
|
||||
className="btn btn-xs btn-primary "
|
||||
className="btn btn-xs btn-primary"
|
||||
onClick={() => onDelete(item)}
|
||||
>
|
||||
Confirm
|
||||
<span className="icon checkmark"></span>
|
||||
</button>
|
||||
<button
|
||||
className="btn btn-xs btn-default"
|
||||
onClick={onCancel}
|
||||
>
|
||||
Cancel
|
||||
<span className="icon remove"></span>
|
||||
</button>
|
||||
</div>
|
||||
)
|
||||
|
|
|
@ -51,7 +51,7 @@ const RoleRow = ({role: {name, permissions, users}, role, onDelete}) => (
|
|||
/> : '\u2014'
|
||||
}
|
||||
</td>
|
||||
<td className="text-right">
|
||||
<td className="text-right" style={{width: "85px"}}>
|
||||
<DeleteRow onDelete={onDelete} item={role} />
|
||||
</td>
|
||||
</tr>
|
||||
|
|
|
@ -27,7 +27,7 @@ const UserRow = ({user: {name, roles, permissions}, user, onDelete}) => (
|
|||
/> : '\u2014'
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
<td className="text-right" style={{width: "85px"}}>
|
||||
<DeleteRow onDelete={onDelete} item={user} />
|
||||
</td>
|
||||
</tr>
|
||||
|
|
|
@ -3,9 +3,9 @@ import UserRow from 'src/admin/components/UserRow'
|
|||
import EmptyRow from 'src/admin/components/EmptyRow'
|
||||
|
||||
const UsersTable = ({users, onDelete}) => (
|
||||
<div className="panel panel-minimal">
|
||||
<div className="panel panel-info">
|
||||
<div className="panel-body">
|
||||
<table className="table v-center">
|
||||
<table className="table v-center admin-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>User</th>
|
||||
|
|
Loading…
Reference in New Issue