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

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

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