chore: mobile responsive form style improved

This commit is contained in:
Junseo Park 2021-02-23 09:56:14 +09:00
parent 5e7f2c6025
commit 60ddce77be

View File

@ -1,6 +1,6 @@
const Label = ({ For, children, label, labelDesc, error=null, grid=true, short=false, required=false }:LabelProps):JSX.Element => { const Label = ({ For, children, label, labelDesc, error=null, grid=true, short=false, required=false }:LabelProps):JSX.Element => {
return <> return <>
<label className={grid ? 'grid grid-cols-1 md:grid-cols-4 gap-2 my-4' : 'inline-flex items-center'} htmlFor={For}> <label className={grid ? 'grid grid-cols-1 xl:grid-cols-4 gap-2 my-4' : 'inline-flex items-center'} htmlFor={For}>
{ {
label && <div className='col-span-1 text-sm'> label && <div className='col-span-1 text-sm'>
<h3 className='text-lg font-bold text-discord-blurple'>{label} <h3 className='text-lg font-bold text-discord-blurple'>{label}