GlcoinCore/jam
1
0
Fork 0
mirror of https://github.com/joinmarket-webui/jam.git synced 2026-08-20 13:28:21 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

ui: harmonize modal button colors

Browse source
This commit is contained in:
theborakompanioni 2022-06-28 15:39:03 +02:00
parent e3083b9c8b
commit c40b53007e
No known key found for this signature in database
GPG key ID: E8070AF0053AAC0D
2 changed files with 3 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/components/JarSelectorModal.jsx
View file

@ -73,6 +73,7 @@ export default function JarSelectorModal({
</rb.Modal.Body>
<rb.Modal.Footer className={styles.modalFooter}>
<rb.Button variant="light" onClick={cancel} className="d-flex justify-content-center align-items-center">
<Sprite symbol="cancel" width="26" height="26" />
{t('modal.confirm_button_reject')}
</rb.Button>
<rb.Button disabled={selectedJar === null} variant="dark" onClick={confirm}>

8
src/components/Modal.jsx
View file

@ -22,15 +22,11 @@ const ConfirmModal = ({ isShown, title, body, onCancel, onConfirm }) => {
</rb.Modal.Header>
<rb.Modal.Body className={styles['modal-body']}>{body}</rb.Modal.Body>
<rb.Modal.Footer className={styles['modal-footer']}>
<rb.Button
variant="outline-dark"
onClick={onCancel}
className="d-flex justify-content-center align-items-center"
>
<rb.Button variant="light" onClick={onCancel} className="d-flex justify-content-center align-items-center">
<Sprite symbol="cancel" width="26" height="26" />
<div>{t('modal.confirm_button_reject')}</div>
</rb.Button>
<rb.Button variant="outline-dark" onClick={onConfirm}>
<rb.Button variant="dark" onClick={onConfirm}>
{t('modal.confirm_button_accept')}
</rb.Button>
</rb.Modal.Footer>