financial

src/components/Select.tsx

@@ -12,6 +12,7 @@ type Props = {
     error_text?: string,
     placeholder?: string,
     label?: string,
+    readOnly?: boolean,
 } & SelectHTMLAttributes<HTMLSelectElement>
 
 const Select: FC<Props> = (props: Props) => {
@@ -25,6 +26,7 @@ const Select: FC<Props> = (props: Props) => {
             }
             <select {...props} className={clx(
                 'w-full text-black relative block border appearance-none border-border px-2.5 h-10 text-sm rounded-2.5 bg-gray',
+                props.readOnly && 'bg-gray-100 border-0 text-description',
                 props.className,
                 props.label && 'mt-1'
             )}>
@@ -45,7 +47,7 @@ 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'
+                props.label && 'top-9'
             )} />
             {
                 props.error_text && props.error_text !== '' ?

src/components/Tabs.tsx

@@ -32,7 +32,7 @@ const Tabs: FC<Props> = (props: Props) => {
                         <SwiperSlide style={SWIPER_SLIDE_STYLE} onClick={() => props.onChange(item.value)} key={item.value} className={clx(
                             'flex flex-col max-w-fit mt-[15px] items-center gap-2 cursor-pointer',
                             index === 0 && 'pr-[30px]',
-                            index === props.items.length - 1 && 'pl-[30px]',
+                            index === props.items.length - 1 && props.items.length > 3 && 'pl-[30px]',
                             props.active === item.value && 'text-black'
                         )}>
                             {item.icon}

src/components/Textarea.tsx

@@ -1,5 +1,6 @@
 import { FC, InputHTMLAttributes } from 'react'
 import Error from './Error'
+import { clx } from '../helpers/utils'
 
 type Props = {
     label: string,
@@ -14,7 +15,11 @@ const Textarea: FC<Props> = (props: Props) => {
             </label>
 
             <textarea
-                className='border border-border leading-7 w-full rounded-xl px-4 py-3 min-h-[100px] mt-1 text-xs'
+                className={clx(
+                    'border border-border leading-7 w-full rounded-xl px-4 py-3 min-h-[100px] mt-1 text-xs',
+                    props.readOnly && 'bg-gray-100 border-0 text-description'
+                )}
+
                 {...props}
             >