세부설정

frontend/lib/registry/components/common/inputStyles.ts

@@ -5,14 +5,14 @@
 export const INPUT_CLASSES = {
   // 기본 input 스타일
   base: `
-    w-full h-10 px-3 py-2 text-sm
+    w-full h-full px-3 py-2 text-sm
     border border-gray-300 rounded-md
     bg-white text-gray-900
     outline-none transition-all duration-200
     focus:border-orange-500 focus:ring-2 focus:ring-orange-100
     disabled:bg-gray-100 disabled:text-gray-400 disabled:cursor-not-allowed
     placeholder:text-gray-400
-    max-w-full overflow-hidden
+    max-w-full box-border
   `,
 
   // 선택된 상태
@@ -32,36 +32,36 @@ export const INPUT_CLASSES = {
 
   // 컨테이너
   container: `
-    relative w-full max-w-full overflow-hidden
+    relative w-full h-full max-w-full box-border
   `,
 
   // textarea
   textarea: `
-    w-full min-h-[80px] px-3 py-2 text-sm
+    w-full h-full px-3 py-2 text-sm
     border border-gray-300 rounded-md
     bg-white text-gray-900
     outline-none transition-all duration-200
     focus:border-orange-500 focus:ring-2 focus:ring-orange-100
     disabled:bg-gray-100 disabled:text-gray-400 disabled:cursor-not-allowed
-    resize-vertical
-    max-w-full overflow-hidden
+    resize-none
+    max-w-full box-border
   `,
 
   // select
   select: `
-    w-full h-10 px-3 py-2 text-sm
+    w-full h-full px-3 py-2 text-sm
     border border-gray-300 rounded-md
     bg-white text-gray-900
     outline-none transition-all duration-200
     focus:border-orange-500 focus:ring-2 focus:ring-orange-100
     disabled:bg-gray-100 disabled:text-gray-400 disabled:cursor-not-allowed
     cursor-pointer
-    max-w-full overflow-hidden
+    max-w-full box-border
   `,
 
   // flex 컨테이너 (email, tel, url 등)
   flexContainer: `
-    flex items-center gap-2 w-full h-10 max-w-full overflow-hidden
+    flex items-center gap-2 w-full h-full max-w-full box-border
   `,
 
   // 구분자 (@ , ~ 등)