search 영역 label 크기 lg > 2xl
This commit is contained in:
@@ -8,7 +8,7 @@ const SearchInput = React.forwardRef<
|
|||||||
console.log(ref);
|
console.log(ref);
|
||||||
return (
|
return (
|
||||||
<div className={className+" flex"} >
|
<div className={className+" flex"} >
|
||||||
{label && <Label className="font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70 m-4 text-2xl w-1/4">{label}</Label>}
|
{label && <Label className="m-4 text-2xl w-1/4">{label}</Label>}
|
||||||
<Input className="ml-8 w-3/4 text-lg" ref={ref}></Input>
|
<Input className="ml-8 w-3/4 text-lg" ref={ref}></Input>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -17,7 +17,7 @@ export type SelectDataType = {
|
|||||||
const SearchInputSelect = React.forwardRef<HTMLInputElement, {className:string, label:string, selectData: SelectDataType[], onSelectValue:(val:string)=>void}>(({className, label, selectData, onSelectValue}, refs) => {
|
const SearchInputSelect = React.forwardRef<HTMLInputElement, {className:string, label:string, selectData: SelectDataType[], onSelectValue:(val:string)=>void}>(({className, label, selectData, onSelectValue}, refs) => {
|
||||||
return (
|
return (
|
||||||
<div className={className+" flex items-center"} >
|
<div className={className+" flex items-center"} >
|
||||||
{label && <Label className="m-4 text-lg w-1/4">{label}</Label>}
|
{label && <Label className="m-4 text-2xl w-1/4">{label}</Label>}
|
||||||
<div className="flex w-full items-center">
|
<div className="flex w-full items-center">
|
||||||
<Input className="w-2/3 text-lg" ref={refs}/>
|
<Input className="w-2/3 text-lg" ref={refs}/>
|
||||||
<Select onValueChange={onSelectValue}>
|
<Select onValueChange={onSelectValue}>
|
||||||
|
|||||||
Reference in New Issue
Block a user