Support textareas and cleanup API page

This commit is contained in:
Dane Everitt 2020-07-04 09:28:03 -07:00
parent baf35be8e8
commit bcf0a0586d
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
5 changed files with 53 additions and 41 deletions

View file

@ -16,7 +16,7 @@ const light = css<Props>`
}
`;
const Input = styled.input<Props>`
const inputStyle = css<Props>`
// Reset to normal styling.
${tw`appearance-none w-full min-w-0`};
${tw`p-3 border rounded text-sm transition-all duration-150`};
@ -43,4 +43,8 @@ const Input = styled.input<Props>`
${props => props.isLight && light};
`;
const Input = styled.input<Props>`${inputStyle}`;
const Textarea = styled.textarea<Props>`${inputStyle}`;
export { Textarea };
export default Input;

View file

@ -3,7 +3,7 @@ import ContentContainer from '@/components/elements/ContentContainer';
import { CSSTransition } from 'react-transition-group';
import tw from 'twin.macro';
export default ({ children }): React.FC => (
const PageContentBlock: React.FC = ({ children }) => (
<CSSTransition timeout={250} classNames={'fade'} appear in>
<>
<ContentContainer css={tw`my-10`}>
@ -25,3 +25,5 @@ export default ({ children }): React.FC => (
</>
</CSSTransition>
);
export default PageContentBlock;