Mirror/Cultivation
1
0
Fork 0
mirror of https://github.com/Grasscutters/Cultivation.git synced 2025-12-15 08:34:43 +01:00
Code Issues Packages Projects Releases Wiki Activity

button styling

Browse Source
This commit is contained in:
SpikeHD
2022-07-02 14:24:18 -07:00
parent 17ea745e23
commit a6a33a9886
2 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/ui/components/menu/Options.css
View File

@@ -7,3 +7,12 @@
margin-bottom: 8px; margin-bottom: 8px;
width: 80%; width: 80%;
} }
.OptionSection .BigButton {
height: 100%;
min-height: 30px;
}
.OptionSection .BigButtonText {
font-size: 12px;
}

5
src/ui/components/menu/Options.tsx
View File

@@ -11,6 +11,7 @@ import { getThemeList } from '../../../utils/themes'
import * as server from '../../../utils/server' import * as server from '../../../utils/server'
import './Options.css' import './Options.css'
import BigButton from '../common/BigButton'
interface IProps { interface IProps {
closeFn: () => void; closeFn: () => void;
@@ -189,13 +190,13 @@ export default class Options extends React.Component<IProps, IState> {
<Tr text="options.toggle_encryption" /> <Tr text="options.toggle_encryption" />
</div> </div>
<div className='OptionValue'> <div className='OptionValue'>
<button onClick={this.toggleEncryption}> <BigButton onClick={this.toggleEncryption} id="toggleEnc">
{ {
this.state.encryption ? this.state.encryption ?
<Tr text="options.enabled" /> : <Tr text="options.enabled" /> :
<Tr text="options.disabled" /> <Tr text="options.disabled" />
} }
</button> </BigButton>
</div> </div>
</div> </div>