mirror of
https://github.com/wassname/talk.git
synced 2026-09-09 11:38:08 +08:00
Styles and copy
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user