wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-07-15 11:26:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

Refactor Wordlist styles

Browse Source
This commit is contained in:
Chi Vinh Le
2017-10-09 22:58:58 +07:00
parent c0ff9c1beb
commit 0434ecf755
2 changed files with 24 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/coral-admin/src/routes/Configure/components/Wordlist.css
+17
View File
@@ -0,0 +1,17 @@
.card {
margin-bottom: 20px;
align-items: flex-start;
min-height: 100px;
max-width: 600px;
}
.header {
margin-top: 3px;
margin-bottom: 7px;
font-size: 18px;
font-weight: 500;
}
.wrapper {
width: 100%;
}
client/coral-admin/src/routes/Configure/components/Wordlist.js
+7 -7
View File
@@ -1,15 +1,15 @@
import React from 'react';
import t from 'coral-framework/services/i18n';
import TagsInput from 'coral-admin/src/components/TagsInput';
import styles from './Configure.css';
import styles from './Wordlist.css';
import PropTypes from 'prop-types';
import {Card} from 'coral-ui';
const Wordlist = ({suspectWords, bannedWords, onChangeWordlist}) => (
<div>
<Card id={styles.bannedWordlist} className={styles.configSetting}>
<div className={styles.settingsHeader}>{t('configure.banned_words_title')}</div>
<p className={styles.wordlistDesc}>{t('configure.banned_word_text')}</p>
<Card className={styles.card}>
<div className={styles.header}>{t('configure.banned_words_title')}</div>
<p>{t('configure.banned_word_text')}</p>
<div className={styles.wrapper}>
<TagsInput
value={bannedWords}
@@ -18,9 +18,9 @@ const Wordlist = ({suspectWords, bannedWords, onChangeWordlist}) => (
/>
</div>
</Card>
<Card id={styles.suspectWordlist} className={styles.configSetting}>
<div className={styles.settingsHeader}>{t('configure.suspect_word_title')}</div>
<p className={styles.wordlistDesc}>{t('configure.suspect_word_text')}</p>
<Card className={styles.card}>
<div className={styles.header}>{t('configure.suspect_word_title')}</div>
<p>{t('configure.suspect_word_text')}</p>
<div className={styles.wrapper}>
<TagsInput
value={suspectWords}