dark mode page add-doctor & user account
This commit is contained in:
@@ -18,7 +18,7 @@ function Step({ value }) {
|
||||
className={`flex items-center bg-[#F6F6F6] justify-center p-[18px]
|
||||
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
|
||||
before:absolute before:w-full before:h-full before:bg-[#5559CE]
|
||||
before:absolute before:w-full before:h-full before:bg-[#5559CE] dark:bg-[#D7D8ED]
|
||||
${value >= idx ? "before:right-0" : "before:-right-full"}`}
|
||||
>
|
||||
<div className="z-10 delay-500">{item.icon}</div>
|
||||
@@ -28,7 +28,7 @@ function Step({ value }) {
|
||||
${
|
||||
value >= idx
|
||||
? "font-bold text-[#5559CE]"
|
||||
: "font-normal text-[#616161]"
|
||||
: "font-normal text-[#616161] dark:text-[#a1a1a1]"
|
||||
}`}
|
||||
>
|
||||
{item.name}
|
||||
@@ -36,7 +36,8 @@ function Step({ value }) {
|
||||
</div>
|
||||
{list.length > idx + 1 && (
|
||||
<span
|
||||
className={`block rounded-[16px] transition-all duration-500 h-[2px] bg-[#EFEFEF] w-[35px] sm:w-[56px] md:w-[77px] lg:w-[100px]
|
||||
className={`block rounded-[16px] transition-all duration-500 h-[2px]
|
||||
bg-[#EFEFEF] dark:bg-[#EFEFEF] w-[35px] sm:w-[56px] md:w-[77px] lg:w-[100px]
|
||||
relative overflow-hidden before:transition-all before:duration-500
|
||||
before:absolute before:w-full before:h-full before:bg-[#5559CE] before:ease-linear
|
||||
|
||||
|
||||
Reference in New Issue
Block a user