danak/dpage-editor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

set height and font size

Browse Source
This commit is contained in:
hamid zarghami
2026-05-11 12:00:05 +03:30
parent 327b74d7c0
commit e63726bc3a
5 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ColorPicker.tsx
+4 -4
View File
@@ -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'
)}
>
src/components/DatePicker.tsx
+1 -1
View File
@@ -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(
src/components/Input.tsx
+2 -2
View File
@@ -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>
src/components/Select.tsx
+4 -4
View File
@@ -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 !== '' ?
src/index.css
+1 -1
View File
@@ -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;