oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-11-15 09:44:53 +01:00
Code Releases Activity

ui tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2020-09-10 13:49:28 +02:00
parent d5d9ce370b
commit 9ae58d45ec
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/molecules/UserPreferences/Debug.tsx
View File

@ -1,21 +1,21 @@
import React, { ReactElement } from 'react'
import { useUserPreferences } from '../../../providers/UserPreferences'
import Input from '../../atoms/Input'
import FormHelp from '../../atoms/Input/Help'
import InputElement from '../../atoms/Input/InputElement'
export default function Debug(): ReactElement {
const { debug, setDebug } = useUserPreferences()
return (
<li>
<Input
<InputElement
name="debug"
label="Debug Mode"
help="Show geeky debug information in some places."
type="checkbox"
options={['Activate Debug Mode']}
options={['Debug Mode']}
defaultChecked={debug === true}
onChange={() => setDebug(!debug)}
/>
<FormHelp>Show geeky debug information in some places.</FormHelp>
</li>
)
}

3
src/components/molecules/UserPreferences/index.module.css
View File

@ -29,7 +29,8 @@
margin-bottom: calc(var(--spacer) / 2);
}
.preferencesDetails li:last-child {
.preferencesDetails li:last-child,
.preferencesDetails li:last-child p {
border-bottom: none;
margin-bottom: 0;
}