Styles and copy

This commit is contained in:
Belen Curcio
2017-09-18 12:42:21 -03:00
parent 5d153e764d
commit aa3327945e
3 changed files with 26 additions and 9 deletions
@@ -5,7 +5,20 @@
.buttons {
text-align: right;
padding-top: 10px;
margin: 20px;
text-align: center;
}
.cancel, .confirm {
width: 48%;
}
.cancel {
margin-right: 10px;
}
.copy {
font-style: italic;
}
.close {
@@ -6,15 +6,16 @@ import {Dialog, Button} from 'plugin-api/beta/client/components/ui';
export default ({showBanDialog, closeBanDialog, banUser}) => (
<Dialog open={showBanDialog} className={styles.dialog}>
<span className={styles.close} onClick={closeBanDialog}>×</span>
<h3>{t('talk-plugin-moderation-actions.ban_user_dialog_headline')}</h3>
<p>
<h2>{t('talk-plugin-moderation-actions.ban_user_dialog_headline')}</h2>
<h3>{t('talk-plugin-moderation-actions.ban_user_dialog_sub')}</h3>
<p className={styles.copy}>
{t('talk-plugin-moderation-actions.ban_user_dialog_copy')}
</p>
<div className={styles.buttons}>
<Button cStyle="cancel" onClick={closeBanDialog} raised>
<Button cStyle="cancel" onClick={closeBanDialog} className={styles.cancel} raised>
{t('talk-plugin-moderation-actions.ban_user_dialog_cancel')}
</Button>
<Button cStyle="black" onClick={banUser} raised>
<Button cStyle="black" onClick={banUser} className={styles.confirm} raised>
{t('talk-plugin-moderation-actions.ban_user_dialog_yes')}
</Button>
</div>