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