Improve: ux & i18n

This commit is contained in:
Dreamacro 2019-06-13 00:50:12 +08:00
parent 53fb2a0f30
commit 297a2c39dc
4 changed files with 10 additions and 8 deletions

View File

@ -143,10 +143,10 @@ class Settings extends React.Component<SettingProps, {}> {
</Col>
</Col>
<Col span={12}>
<Col span={8} offset={1}>
<Col span={14} offset={1}>
<span className="label">{t('labels.allowConnectFromLan')}</span>
</Col>
<Col span={14} className="value-column">
<Col span={8} className="value-column">
<Switch
checked={allowLan}
onChange={this.handleAllowLanChange}
@ -198,13 +198,13 @@ class Settings extends React.Component<SettingProps, {}> {
</Col>
</Col>
<Col span={12}>
<Col span={8} offset={1}>
<Col span={12} offset={1}>
<span className="label">{t('labels.externalController')}</span>
</Col>
<Col className="external-controller" span={14}>
<Col className="external-controller" span={10}>
<span>{`${externalControllerHost}:${externalControllerPort}`}</span>
<span className="modify-btn" onClick={() => this.props.store.setShowAPIModal(true)}>
{ t('labels.modifyControllerText') }
</span>
</Col>
</Col>

View File

@ -80,7 +80,7 @@
}
.item {
margin-top: 0;
margin: 0 3px;
> a {
width: 80px;

View File

@ -16,7 +16,8 @@ export default {
proxyMode: 'Mode',
socks5ProxyPort: 'Socks5 proxy port',
httpProxyPort: 'HTTP proxy port',
externalController: 'External controller'
externalController: 'External controller',
modifyControllerText: 'Modify'
},
values: {
cn: '中文',

View File

@ -16,7 +16,8 @@ export default {
proxyMode: '代理模式',
socks5ProxyPort: 'Socks5 代理端口',
httpProxyPort: 'HTTP 代理端口',
externalController: '外部控制设置'
externalController: '外部控制设置',
modifyControllerText: '修改'
},
values: {
cn: '中文',