small improvements

This commit is contained in:
David Ralph
2020-09-23 18:15:32 +01:00
parent 7dbd4976b7
commit e09fc3f99f
3 changed files with 8 additions and 4 deletions

View File

@@ -91,11 +91,11 @@ export default class Settings extends React.PureComponent {
<SearchSettings language={this.props.language} toastLanguage={this.props.toastLanguage} />
</Section>
<div className='section'>
<h4>{this.props.language.offline}</h4>
<h4 class='nodropdown'>{this.props.language.offline}</h4>
<Slider name='offlineMode'/>
</div>
<div className='section'>
<h4>{this.props.language.experimental.dark}</h4>
<h4 class='nodropdown'>{this.props.language.experimental.dark}</h4>
<Slider name='darkTheme'/>
</div>
<ExperimentalSettings language={this.props.language} />
@@ -105,7 +105,7 @@ export default class Settings extends React.PureComponent {
<button className='reset' onClick={() => this.props.setDefaultSettings()}>{this.props.language.reset}</button>
<button className='export' onClick={() => SettingsFunctions.exportSettings()}>{this.props.language.export}</button>
<button className='import' onClick={() => document.getElementById('file-input').click()}>{this.props.language.import}</button>
<input id='file-input' type='file' name='name' className='hidden' />
<input id='file-input' type='file' name='name' className='hidden' accept='application/json' />
</div>
</div>
);

View File

@@ -86,7 +86,7 @@ export default class BackgroundSettings extends React.PureComponent {
<ul>
<p>{this.props.language.background.custombackground} <span className='modalLink' onClick={() => this.resetItem('customBackground')}>{this.props.language.reset}</span></p>
<button className='uploadbg' onClick={() => document.getElementById('bg-input').click()}>{this.props.language.background.upload}</button>
<input id='bg-input' type='file' name='name' className='hidden' accept='image/svg+xml, image/jpeg, image/png, image/webp, image/webm, image/gif' />
<input id='bg-input' type='file' name='name' className='hidden' accept='image/jpeg, image/png, image/webp, image/webm, image/gif' />
</ul>
<ul>
<p>{this.props.language.background.customcolour} <span className='modalLink' onClick={() => this.resetItem('customBackgroundColour')}>{this.props.language.reset}</span></p>

View File

@@ -249,3 +249,7 @@ select#language {
background-color: white;
}
}
.nodropdown {
cursor: default;
}