search 영역 label 크기 lg > 2xl

This commit is contained in:
YangJinSoo94
2025-03-11 13:55:14 +09:00
parent e0ef37e9d7
commit 8dfa052ea6
2 changed files with 2 additions and 2 deletions
@@ -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}>