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 pickerOpenGuardRef = useRef(false)
const inputClass = clx( 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.readOnly && 'bg-gray-100 border-0 text-description',
props.className props.className
) )
@@ -55,7 +55,7 @@ const ColorPicker: FC<Props> = (props: Props) => {
return ( return (
<div className='w-full'> <div className='w-full'>
<label className='text-sm'> <label className='text-xs'>
{props.label} {props.label}
</label> </label>
@@ -83,7 +83,7 @@ const ColorPicker: FC<Props> = (props: Props) => {
<span <span
aria-hidden aria-hidden
className={clx( 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' props.readOnly && 'opacity-50'
)} )}
> >
@@ -97,7 +97,7 @@ const ColorPicker: FC<Props> = (props: Props) => {
<span <span
aria-hidden aria-hidden
className={clx( 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' props.readOnly && 'opacity-50'
)} )}
> >
src/components/DatePicker.tsx
+1 -1
View File
@@ -85,7 +85,7 @@ const DatePickerComponent: FC<Props> = (props: Props) => {
return ( return (
<div className="w-full"> <div className="w-full">
{props.label && {props.label &&
<div className='text-sm'> <div className='text-xs'>
{props.label} {props.label}
</div>} </div>}
<div className={clx( <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 [search, setSearch] = useState<string>('')
const inputClass = clx( 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.readOnly && 'bg-gray-100 border-0 text-description',
props.variant === 'search' && 'bg-[#EEF0F7] border-0 ps-10', props.variant === 'search' && 'bg-[#EEF0F7] border-0 ps-10',
props.className props.className
@@ -87,7 +87,7 @@ const Input: FC<Props> = (props: Props) => {
return ( return (
<div className='w-full'> <div className='w-full'>
<label className='text-sm'> <label className='text-xs'>
{props.label} {props.label}
</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'> <div className='w-full relative'>
{ {
props.label && props.label &&
<label className='text-sm'> <label className='text-xs'>
{props.label} {props.label}
</label> </label>
} }
<select {...props} className={clx( <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.className,
props.label && 'mt-1' props.label && 'mt-1'
)}> )}>
@@ -45,8 +45,8 @@ const Select: FC<Props> = (props: Props) => {
} }
</select> </select>
<ArrowDown2 size={16} color='black' className={clx( <ArrowDown2 size={16} color='black' className={clx(
'absolute z-0 top-3 left-2', 'absolute z-0 top-[9px] left-2',
props.label && 'top-10' props.label && 'top-[38px]'
)} /> )} />
{ {
props.error_text && props.error_text !== '' ? props.error_text && props.error_text !== '' ?
src/index.css
+1 -1
View File
@@ -1,7 +1,7 @@
@import "tailwindcss"; @import "tailwindcss";
.rmdp-input { .rmdp-input {
min-height: 40px; min-height: 34px;
background-color: white; background-color: white;
border-radius: 12px !important; border-radius: 12px !important;
border: 1px solid #d0d0d0 !important; border: 1px solid #d0d0d0 !important;