From 4ad08147e03b08ecda1621f5f30e26ab37dad44f Mon Sep 17 00:00:00 2001 From: Amine <mohamedaminediboune@gmail.com> Date: Wed, 23 Oct 2024 12:49:24 +0100 Subject: [PATCH] input fixes --- storefront/components/shared/input-combobox.tsx | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/storefront/components/shared/input-combobox.tsx b/storefront/components/shared/input-combobox.tsx index 7b42f37..98a0ab3 100644 --- a/storefront/components/shared/input-combobox.tsx +++ b/storefront/components/shared/input-combobox.tsx @@ -81,15 +81,19 @@ export default forwardRef< return ( <div className="relative w-full"> <div className="relative flex w-full items-center"> - <Icon - className="absolute left-3 text-accent opacity-60" - name="Search" - /> + {!isDisabled && ( + <Icon + className="absolute left-3 text-accent opacity-60" + name="Search" + /> + )} <input className={cx( className, - "w-full rounded-lg border-[1.5px] border-accent bg-transparent py-[11px] pl-10 pr-[16px] font-medium outline-none placeholder:font-medium placeholder:text-accent placeholder:opacity-60", + "w-full rounded-lg border-[1.5px] border-accent bg-transparent py-[11px] pr-[16px] font-medium outline-none placeholder:font-medium placeholder:text-accent placeholder:opacity-60", { + "pl-[16px]": isDisabled, + "pl-10": !isDisabled, "size-4 border-2 border-accent bg-transparent p-1 accent-accent outline-none": type === "checkbox", },