public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: address input (#8349) 

Signed-off-by: Udit Takkar <udit.07814802719@cse.mait.ac.in>
pull/8356/head
Udit Takkar 2023-04-18 18:21:46 +05:30 committed by GitHub
parent b28d60b6dc
commit a76a4996b4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/ui/form/AddressInput.tsx
View File

@ -1,3 +1,4 @@
import { Input } from "../components/form/inputs/Input";
import { MapPin } from "../components/icon";
export type AddressInputProps = {
@ -12,15 +13,14 @@ export type AddressInputProps = {
function AddressInput({ className = "", value, onChange, ...rest }: AddressInputProps) {
return (
<div className="relative ">
<MapPin color="#D2D2D2" className="absolute top-1/2 left-0.5 ml-3 h-6 -translate-y-1/2" />
<input
<MapPin className="text-emphasis absolute top-1/2 left-0.5 ml-3 h-4 -translate-y-1/2" />
<Input
{...rest}
value={value}
onChange={(e) => {
onChange(e.target.value);
}}
color="#D2D2D2"
className={`${className} focus-within:border-brand-default dark:bg-darkgray-100 border-subtle border-default disabled:text-subtle disabled:dark:text-subtle dark:text-inverted block h-10 w-full rounded-md border border py-px pl-10 text-sm outline-none ring-black focus-within:ring-1 disabled:opacity-50 dark:placeholder-gray-500 dark:selection:bg-green-500`}
className={`${className} py-px pl-10`}
/>
</div>
);