update Input.js, src/components/FormInput/index.js and src/index.scss

master
mahdi 2 years ago
parent 9f649a16ca
commit a5cc845b06
  1. 4
      src/components/AnimatedInput/Input.js
  2. 1
      src/components/FormInput/index.js

@ -23,14 +23,14 @@ const FormFields = ({
<div <div
onClick={onClick} onClick={onClick}
className={ className={
"h-full flex flex-row items-center rounded border mx-1 relative " + "h-full flex flex-row items-center rounded border mx-1 relative" +
borderClassname + borderClassname +
(value ? "bg-white border rounded" : "bg-transparent") (value ? "bg-white border rounded" : "bg-transparent")
} }
> >
<div <div
className={ className={
"text-xs absolute transition-all duration-300 pointer-events-none px-3 transform -translate-x-[7px]" + "text-xs absolute transition-all duration-300 pointer-events-none px-3 transform translate-x-[7px]" +
(value (value
? `text-[#2483E1] bg-white top-[-10px]` ? `text-[#2483E1] bg-white top-[-10px]`
: "text-[#0F0543] top-[10px]") : "text-[#0F0543] top-[10px]")

@ -7,6 +7,7 @@ import CustomSelectBox from "../CustomSelectBox";
const FormInput = ({ items }) => { const FormInput = ({ items }) => {
const { register, getValues } = useForm(); const { register, getValues } = useForm();
const [selectedInput, setSelectedInput] = useState(false); const [selectedInput, setSelectedInput] = useState(false);
return ( return (

Loading…
Cancel
Save