hamed/nobat724_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add animation to step

Browse Source
This commit is contained in:
Ehsan
2024-10-11 01:16:52 +03:30
parent 854c682535
commit ddb1925fde
8 changed files with 42 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/icons/CalendarTick.js
+10 -9
View File
@@ -6,6 +6,7 @@ function CalendarTick({ active }) {
height="40"
viewBox="0 0 40 40"
fill="none"
className="delay-500"
>
<path
d="M13.3335 3.33301V8.33301"
@@ -14,7 +15,7 @@ function CalendarTick({ active }) {
strokeMiterlimit="10"
strokeLinecap="round"
strokeLinejoin="round"
className={active ? "stroke-[#FAFAFA]" : ""}
className={active ? "stroke-[#FAFAFA] delay-500" : ""}
/>
<path
d="M26.6665 3.33301V8.33301"
@@ -23,7 +24,7 @@ function CalendarTick({ active }) {
strokeMiterlimit="10"
strokeLinecap="round"
strokeLinejoin="round"
className={active ? "stroke-[#FAFAFA]" : ""}
className={active ? "stroke-[#FAFAFA] delay-500" : ""}
/>
<path
d="M5.8335 15.1504H34.1668"
@@ -32,7 +33,7 @@ function CalendarTick({ active }) {
strokeMiterlimit="10"
strokeLinecap="round"
strokeLinejoin="round"
className={active ? "stroke-[#FAFAFA]" : ""}
className={active ? "stroke-[#FAFAFA] delay-500" : ""}
/>
<path
d="M36.6668 31.6667C36.6668 32.9167 36.3168 34.1 35.7002 35.1C34.5502 37.0333 32.4335 38.3333 30.0002 38.3333C28.3168 38.3333 26.7835 37.7167 25.6168 36.6667C25.1002 36.2333 24.6502 35.7 24.3002 35.1C23.6835 34.1 23.3335 32.9167 23.3335 31.6667C23.3335 27.9833 26.3168 25 30.0002 25C32.0002 25 33.7835 25.8833 35.0002 27.2666C36.0335 28.45 36.6668 29.9833 36.6668 31.6667Z"
@@ -41,7 +42,7 @@ function CalendarTick({ active }) {
strokeMiterlimit="10"
strokeLinecap="round"
strokeLinejoin="round"
className={active ? "stroke-[#FAFAFA]" : ""}
className={active ? "stroke-[#FAFAFA] delay-500" : ""}
/>
<path
d="M27.4009 31.6666L29.0509 33.3165L32.6009 30.0332"
@@ -49,7 +50,7 @@ function CalendarTick({ active }) {
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
className={active ? "stroke-[#FAFAFA]" : ""}
className={active ? "stroke-[#FAFAFA] delay-500" : ""}
/>
<path
d="M35 14.1663V27.2663C33.7833 25.883 32 24.9997 30 24.9997C26.3167 24.9997 23.3333 27.983 23.3333 31.6663C23.3333 32.9163 23.6833 34.0997 24.3 35.0997C24.65 35.6997 25.1 36.233 25.6167 36.6663H13.3333C7.5 36.6663 5 33.333 5 28.333V14.1663C5 9.16634 7.5 5.83301 13.3333 5.83301H26.6667C32.5 5.83301 35 9.16634 35 14.1663Z"
@@ -58,7 +59,7 @@ function CalendarTick({ active }) {
strokeMiterlimit="10"
strokeLinecap="round"
strokeLinejoin="round"
className={active ? "stroke-[#FAFAFA]" : ""}
className={active ? "stroke-[#FAFAFA] delay-500" : ""}
/>
<path
d="M19.9926 22.8333H20.0076"
@@ -66,7 +67,7 @@ function CalendarTick({ active }) {
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
className={active ? "stroke-[#FAFAFA]" : ""}
className={active ? "stroke-[#FAFAFA] delay-500" : ""}
/>
<path
d="M13.8237 22.8333H13.8387"
@@ -74,7 +75,7 @@ function CalendarTick({ active }) {
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
className={active ? "stroke-[#FAFAFA]" : ""}
className={active ? "stroke-[#FAFAFA] delay-500" : ""}
/>
<path
d="M13.8237 27.8333H13.8387"
@@ -82,7 +83,7 @@ function CalendarTick({ active }) {
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
className={active ? "stroke-[#FAFAFA]" : ""}
className={active ? "stroke-[#FAFAFA] delay-500" : ""}
/>
</svg>
);
components/icons/LocationAdd.js
+4 -3
View File
@@ -6,26 +6,27 @@ function LocationAdd({ active }) {
height="40"
viewBox="0 0 40 40"
fill="none"
className="delay-500"
>
<path
d="M15.4165 18.333H24.5832"
stroke="#616161"
strokeWidth="1.5"
strokeLinecap="round"
className={active ? "stroke-[#FAFAFA]" : ""}
className={active ? "stroke-[#FAFAFA] delay-500" : ""}
/>
<path
d="M20 22.9167V13.75"
stroke="#616161"
strokeWidth="1.5"
strokeLinecap="round"
className={active ? "stroke-[#FAFAFA]" : ""}
className={active ? "stroke-[#FAFAFA] delay-500" : ""}
/>
<path
d="M6.0335 14.1497C9.31683 -0.283655 30.7002 -0.266988 33.9668 14.1663C35.8835 22.633 30.6168 29.7997 26.0002 34.233C22.6502 37.4663 17.3502 37.4663 13.9835 34.233C9.3835 29.7997 4.11683 22.6163 6.0335 14.1497Z"
stroke="#616161"
strokeWidth="1.5"
className={active ? "stroke-[#FAFAFA]" : ""}
className={active ? "stroke-[#FAFAFA] delay-500" : ""}
/>
</svg>
);
components/icons/UserEdit.js
+5 -4
View File
@@ -6,6 +6,7 @@ function UserEdit({ active }) {
height="40"
viewBox="0 0 41 40"
fill="none"
className="delay-500"
>
<path
d="M20.4998 19.9997C25.1022 19.9997 28.8332 16.2687 28.8332 11.6663C28.8332 7.06397 25.1022 3.33301 20.4998 3.33301C15.8975 3.33301 12.1665 7.06397 12.1665 11.6663C12.1665 16.2687 15.8975 19.9997 20.4998 19.9997Z"
@@ -13,7 +14,7 @@ function UserEdit({ active }) {
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
className={active ? "stroke-[#FAFAFA]" : ""}
className={active ? "stroke-[#FAFAFA] delay-500" : ""}
/>
<path
d="M32.5166 26.2334L26.6165 32.1334C26.3832 32.3668 26.1666 32.8 26.1166 33.1167L25.7999 35.3667C25.6832 36.1833 26.2499 36.75 27.0666 36.6334L29.3165 36.3167C29.6332 36.2667 30.0832 36.05 30.2999 35.8167L36.1999 29.9167C37.2165 28.9001 37.6999 27.7167 36.1999 26.2167C34.7165 24.7333 33.5333 25.2167 32.5166 26.2334Z"
@@ -22,7 +23,7 @@ function UserEdit({ active }) {
strokeMiterlimit="10"
strokeLinecap="round"
strokeLinejoin="round"
className={active ? "stroke-[#FAFAFA]" : ""}
className={active ? "stroke-[#FAFAFA] delay-500" : ""}
/>
<path
d="M31.6665 27.083C32.1665 28.883 33.5665 30.283 35.3665 30.783"
@@ -31,7 +32,7 @@ function UserEdit({ active }) {
strokeMiterlimit="10"
strokeLinecap="round"
strokeLinejoin="round"
className={active ? "stroke-[#FAFAFA]" : ""}
className={active ? "stroke-[#FAFAFA] delay-500" : ""}
/>
<path
d="M6.18311 36.6667C6.18311 30.2167 12.5998 25 20.4998 25C22.2331 25 23.8998 25.25 25.4498 25.7167"
@@ -39,7 +40,7 @@ function UserEdit({ active }) {
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
className={active ? "stroke-[#FAFAFA]" : ""}
className={active ? "stroke-[#FAFAFA] delay-500" : ""}
/>
</svg>
);