Support textareas and cleanup API page
This commit is contained in:
parent
baf35be8e8
commit
bcf0a0586d
5 changed files with 53 additions and 41 deletions
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
Reference in a new issue