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>
);