fix: add color to arrow in card

witnet · Sep 4, 2024 · f3a1822 · f3a1822
1 parent 035b527
commit f3a1822
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/components/AnimatedArrow.vue b/src/components/AnimatedArrow.vue
@@ -7,7 +7,7 @@
 <script setup lang="ts">
 import { gsap } from 'gsap'
 import { computed, ref, watch } from 'vue'
-import WIcon from '../icon/WIcon.vue'
+import WIcon from './icon/WIcon.vue'
 import { IconName } from './icon/WIcon'
 
 const arrow = ref(null)

diff --git a/src/components/Card/WCard.vue b/src/components/Card/WCard.vue
@@ -15,7 +15,7 @@
           <h3 class="text-xl text-black-950 font-semibold leading-4">
             {{ title }}
           </h3>
-          <AnimatedArrow :hover="hover" />
+          <AnimatedArrow :hover="hover" color="#C6C6C6" />
         </div>
         <hr class="hr my-md" />
         <slot name="description" class="text-sm text-black-950"></slot>

diff --git a/src/components/Card/__snapshots__/WCard.spec.ts.snap b/src/components/Card/__snapshots__/WCard.spec.ts.snap
@@ -91,7 +91,8 @@ exports[`WCard > icon 1`] = `
           data-v-870c3481=""
         >
           <svg
-            class="arrow ml-md h-[14px]"
+            class="color arrow ml-md h-[14px] arrow ml-md h-[14px]"
+            data-v-c15836e8=""
             fill="none"
             height="25"
             viewBox="0 0 15 25"