chore: ui changed

This commit is contained in:
guru_sainath 2024-05-27 12:06:18 +05:30
parent 0a9e16a98a
commit 5fe135d1ac

View File

@ -128,22 +128,26 @@ export const EstimatePointItem: FC<TEstimatePointItem> = observer((props) => {
{(isEstimateEditing || isEstimateDeleting) && ( {(isEstimateEditing || isEstimateDeleting) && (
<div className="relative flex items-center gap-2"> <div className="relative flex items-center gap-2">
<div className="flex-grow relative flex items-center gap-3"> <div className="flex-grow relative flex items-center gap-3">
<div className="flex-grow border border-custom-border-200 rounded"> <div className="w-full border border-custom-border-200 rounded">
<input <input
ref={inputRef} ref={inputRef}
type="text" type="text"
value={inputValue} value={inputValue}
onChange={(e) => setInputValue(e.target.value)} onChange={(e) => setInputValue(e.target.value)}
className={cn( className={cn(
"flex-grow border-none focus:ring-0 focus:border-0 focus:outline-none p-2.5 w-full", "border-none focus:ring-0 focus:border-0 focus:outline-none p-2.5 w-full",
isEstimateDeleting ? `bg-custom-background-90` : `bg-transparent` isEstimateDeleting ? `bg-custom-background-90` : `bg-transparent`
)} )}
disabled={isEstimateDeleting} disabled={isEstimateDeleting}
/> />
</div> </div>
{isEstimateDeleting && <MoveRight size={14} />}
{isEstimateDeleting && ( {isEstimateDeleting && (
<div className="relative flex-grow rounded border border-custom-border-200 flex items-center gap-3 p-2.5"> <div className="text-xs relative flex justify-center items-center gap-2 whitespace-nowrap">
Mark as <MoveRight size={14} />
</div>
)}
{isEstimateDeleting && (
<div className="relative w-full rounded border border-custom-border-200 flex items-center gap-3 p-2.5">
<Select <Select
className="bg-transparent flex-grow focus:ring-0 focus:border-0 focus:outline-none" className="bg-transparent flex-grow focus:ring-0 focus:border-0 focus:outline-none"
value={deletedEstimateValue} value={deletedEstimateValue}