none border in step page add-doctor
This commit is contained in:
@@ -19,7 +19,11 @@ function Step({ value }) {
|
|||||||
w-[32px] h-[32px] sm:w-[46px] sm:h-[46px] md:w-[60px] md:h-[60px] lg:w-[75px] lg:h-[75px] rounded-full
|
w-[32px] h-[32px] sm:w-[46px] sm:h-[46px] md:w-[60px] md:h-[60px] lg:w-[75px] lg:h-[75px] rounded-full
|
||||||
relative overflow-hidden before:delay-500 before:transition-all before:duration-500
|
relative overflow-hidden before:delay-500 before:transition-all before:duration-500
|
||||||
before:absolute before:w-full before:h-full before:bg-[#5559CE] dark:bg-[#D7D8ED]
|
before:absolute before:w-full before:h-full before:bg-[#5559CE] dark:bg-[#D7D8ED]
|
||||||
${value >= idx ? "before:right-0" : "before:-right-full"}`}
|
${
|
||||||
|
value >= idx
|
||||||
|
? "before:right-0 !bg-transparent"
|
||||||
|
: "before:-right-full"
|
||||||
|
}`}
|
||||||
>
|
>
|
||||||
<div className="z-10 delay-500">{item.icon}</div>
|
<div className="z-10 delay-500">{item.icon}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user