wood/clash-and-dashboard
1
0
Fork 0
mirror of https://github.com/woodchen-ink/clash-and-dashboard.git synced 2025-07-18 14:01:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

Improve: ux & i18n

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/containers/Settings/index.tsx
View File

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

2
src/containers/Sidebar/style.scss
View File

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

3
src/i18n/en_US.ts
View File

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

3
src/i18n/zh_CN.ts
View File

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