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

Chore: clashx style adjust

Browse Source
This commit is contained in:
Dreamacro 2020-06-17 21:26:25 +08:00
parent f730bc7380
commit d3dcb2fa23
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,5 @@
import React, { useEffect } from 'react' import React, { useEffect } from 'react'
import classnames from 'classnames'
import capitalize from 'lodash/capitalize' import capitalize from 'lodash/capitalize'
import { Header, Card, Row, Col, Switch, ButtonSelect, ButtonSelectOptions, Input, Icon } from '@components' import { Header, Card, Row, Col, Switch, ButtonSelect, ButtonSelectOptions, Input, Icon } from '@components'
import { useI18n, useClashXData, useAPIInfo, useGeneral, useIdentity } from '@stores' import { useI18n, useClashXData, useAPIInfo, useGeneral, useIdentity } from '@stores'
@ -179,7 +180,9 @@ export default function Settings () {
<span className="label">{t('labels.externalController')}</span> <span className="label">{t('labels.externalController')}</span>
</Col> </Col>
<Col className="external-controller" span={10}> <Col className="external-controller" span={10}>
<span className="modify-btn" onClick={() => setIdentity(false)}> <span
className={classnames({ 'modify-btn': !clashXData.isClashX })}
onClick={() => !clashXData.isClashX && setIdentity(false)}>
{`${externalControllerHost}:${externalControllerPort}`} {`${externalControllerHost}:${externalControllerPort}`}
</span> </span>
</Col> </Col>

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

@ -9,7 +9,7 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
flex-shrink: 0; flex-shrink: 0;
width: 140px; width: 160px;
user-select: none; user-select: none;
} }