StarMC/Astral-nook
StarMC/Astral-nook
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Get compilation back to working

Browse source
This commit is contained in:
Dane Everitt 2020-07-03 14:19:05 -07:00
parent 2193916fe4
commit 94e3acb9c4
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
21 changed files with 97 additions and 97 deletions
Download patch file Download diff file Expand all files Collapse all files

17
resources/scripts/components/elements/Switch.tsx
View file

@ -1,7 +1,7 @@
import React, { useMemo } from 'react';
import styled from 'styled-components';
import styled from 'styled-components/macro';
import v4 from 'uuid/v4';
import classNames from 'classnames';
import tw from 'twin.macro';
const ToggleContainer = styled.div`
${tw`relative select-none w-12 leading-normal`};
@ -47,8 +47,8 @@ const Switch = ({ name, label, description, defaultChecked, onChange, children }
const uuid = useMemo(() => v4(), []);
return (
<div className={'flex items-center'}>
<ToggleContainer className={'flex-none'}>
<div css={tw`flex items-center`}>
<ToggleContainer css={tw`flex-none`}>
{children
|| <input
id={uuid}
@ -61,12 +61,15 @@ const Switch = ({ name, label, description, defaultChecked, onChange, children }
<label htmlFor={uuid}/>
</ToggleContainer>
{(label || description) &&
<div className={'ml-4 w-full'}>
<div css={tw`ml-4 w-full`}>
{label &&
<label
className={classNames('input-dark-label cursor-pointer', { 'mb-0': !!description })}
css={[ tw`cursor-pointer`, !!description && tw`mb-0` ]}
className={'input-dark-label'}
htmlFor={uuid}
>{label}</label>
>
{label}
</label>
}
{description &&
<p className={'input-help'}>