diff options
author | lonkaars <l.leblansch@gmail.com> | 2021-04-18 13:42:54 +0200 |
---|---|---|
committer | lonkaars <l.leblansch@gmail.com> | 2021-04-18 13:42:54 +0200 |
commit | 465b971fd0cb80004bf60865ddc25df9cd72ba38 (patch) | |
tree | 490f505f488c21b55b20f89323c95d46423e38e8 /components | |
parent | 2527a6a2e0a9e679cb5a19abb56ad6a363cf980d (diff) |
dprint fmt
Diffstat (limited to 'components')
-rw-r--r-- | components/ui.tsx | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/components/ui.tsx b/components/ui.tsx index f939456..6555813 100644 --- a/components/ui.tsx +++ b/components/ui.tsx @@ -57,12 +57,12 @@ export function IconLabelButton(props: { return <Button onclick={props.onclick} href={props.href} - className={"iconlabel dispinbl valigntop floatr" + " " + props.className} + className={'iconlabel dispinbl valigntop floatr' + ' ' + props.className} > - <div className="dispinbl icon"> + <div className='dispinbl icon'> {props.icon} </div> - <span className="dispinbl valigntop label"> + <span className='dispinbl valigntop label'> {props.text} </span> </Button>; @@ -171,14 +171,14 @@ export function CheckBox(props: { } export function ColorPicker() { - var [ dark, setDark ] = useState(false); - var [ color, setColor ] = useState("#012345"); + var [dark, setDark] = useState(false); + var [color, setColor] = useState('#012345'); - return <Button className="colorpicker dispinbl valigntop pad-s floatr"> + return <Button className='colorpicker dispinbl valigntop pad-s floatr'> <div> <EditOutlinedIcon /> - <div className="labelwrapper valigntop dispinbl center posrel"> - <span className="label posabs"> + <div className='labelwrapper valigntop dispinbl center posrel'> + <span className='label posabs'> {color} </span> </div> @@ -193,7 +193,7 @@ export function Tuitje() { viewBox='0 0 36 12' fill='none' xmlns='http://www.w3.org/2000/svg' - className="tuitje posabs" + className='tuitje posabs' > <path d='M18 12C24 12 27 0 36 0L0 0C9 0 12 12 18 12Z' @@ -205,7 +205,7 @@ export function Tuitje() { export function Bubble(props: { children?: ReactNode; }) { - return <Vierkant className="bubble posabs center drop-2"> + return <Vierkant className='bubble posabs center drop-2'> {props.children} <Tuitje /> </Vierkant>; |