From e63726bc3ab035c2dd284108cd48571dbf797769 Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Mon, 11 May 2026 12:00:05 +0330
Subject: [PATCH] set height and font size

---
 src/components/ColorPicker.tsx | 8 ++++----
 src/components/DatePicker.tsx  | 2 +-
 src/components/Input.tsx       | 4 ++--
 src/components/Select.tsx      | 8 ++++----
 src/index.css                  | 2 +-
 5 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/ColorPicker.tsx b/src/components/ColorPicker.tsx
index 25ac9c1..66cdd12 100644
--- a/src/components/ColorPicker.tsx
+++ b/src/components/ColorPicker.tsx
@@ -17,7 +17,7 @@ const ColorPicker: FC<Props> = (props: Props) => {
     const pickerOpenGuardRef = useRef(false)
 
     const inputClass = clx(
-        'w-full bg-white h-10 text-black block pl-10 pr-10 text-xs rounded-xl border border-border',
+        'w-full bg-white h-[34px] text-black block pl-10 pr-10 text-xs rounded-xl border border-border',
         props.readOnly && 'bg-gray-100 border-0 text-description',
         props.className
     )
@@ -55,7 +55,7 @@ const ColorPicker: FC<Props> = (props: Props) => {
 
     return (
         <div className='w-full'>
-            <label className='text-sm'>
+            <label className='text-xs'>
                 {props.label}
             </label>
 
@@ -83,7 +83,7 @@ const ColorPicker: FC<Props> = (props: Props) => {
                 <span
                     aria-hidden
                     className={clx(
-                        'absolute top-0 bottom-0 my-auto left-1 flex items-center justify-center min-h-10 min-w-10 rounded-lg pointer-events-none',
+                        'absolute top-0 bottom-0 my-auto left-1 flex items-center justify-center min-h-[34px] min-w-[34px] rounded-lg pointer-events-none',
                         props.readOnly && 'opacity-50'
                     )}
                 >
@@ -97,7 +97,7 @@ const ColorPicker: FC<Props> = (props: Props) => {
                 <span
                     aria-hidden
                     className={clx(
-                        'absolute top-0 bottom-0 my-auto right-1 flex items-center justify-center min-h-10 min-w-10 rounded-lg pointer-events-none',
+                        'absolute top-0 bottom-0 my-auto right-1 flex items-center justify-center min-h-[34px] min-w-[34px] rounded-lg pointer-events-none',
                         props.readOnly && 'opacity-50'
                     )}
                 >
diff --git a/src/components/DatePicker.tsx b/src/components/DatePicker.tsx
index c9a7edb..04b6e75 100644
--- a/src/components/DatePicker.tsx
+++ b/src/components/DatePicker.tsx
@@ -85,7 +85,7 @@ const DatePickerComponent: FC<Props> = (props: Props) => {
     return (
         <div className="w-full">
             {props.label &&
-                <div className='text-sm'>
+                <div className='text-xs'>
                     {props.label}
                 </div>}
             <div className={clx(
diff --git a/src/components/Input.tsx b/src/components/Input.tsx
index f4552f3..a464e1a 100644
--- a/src/components/Input.tsx
+++ b/src/components/Input.tsx
@@ -33,7 +33,7 @@ const Input: FC<Props> = (props: Props) => {
     const [search, setSearch] = useState<string>('')
 
     const inputClass = clx(
-        'w-full h-10 text-black block px-4 text-xs rounded-xl border border-border',
+        'w-full h-[34px] text-black block px-4 text-xs rounded-xl border border-border',
         props.readOnly && 'bg-gray-100 border-0 text-description',
         props.variant === 'search' && 'bg-[#EEF0F7] border-0 ps-10',
         props.className
@@ -87,7 +87,7 @@ const Input: FC<Props> = (props: Props) => {
 
     return (
         <div className='w-full'>
-            <label className='text-sm'>
+            <label className='text-xs'>
                 {props.label}
             </label>
 
diff --git a/src/components/Select.tsx b/src/components/Select.tsx
index 8242dfe..73239ab 100644
--- a/src/components/Select.tsx
+++ b/src/components/Select.tsx
@@ -21,12 +21,12 @@ const Select: FC<Props> = (props: Props) => {
         <div className='w-full relative'>
             {
                 props.label &&
-                <label className='text-sm'>
+                <label className='text-xs'>
                     {props.label}
                 </label>
             }
             <select {...props} className={clx(
-                'w-full text-black block border appearance-none border-border px-[10px] h-10 text-sm rounded-[10px] bg-white',
+                'w-full text-black block border appearance-none border-border px-[10px] h-[34px] text-xs rounded-[10px] bg-white',
                 props.className,
                 props.label && 'mt-1'
             )}>
@@ -45,8 +45,8 @@ const Select: FC<Props> = (props: Props) => {
                 }
             </select>
             <ArrowDown2 size={16} color='black' className={clx(
-                'absolute z-0 top-3 left-2',
-                props.label && 'top-10'
+                'absolute z-0 top-[9px] left-2',
+                props.label && 'top-[38px]'
             )} />
             {
                 props.error_text && props.error_text !== '' ?
diff --git a/src/index.css b/src/index.css
index 475493e..425d62c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,7 +1,7 @@
 @import "tailwindcss";
 
 .rmdp-input {
-  min-height: 40px;
+  min-height: 34px;
   background-color: white;
   border-radius: 12px !important;
   border: 1px solid #d0d0d0 !important;