From f3a18222dee1e6969d0d7d93ce22d7fd7a2c5c44 Mon Sep 17 00:00:00 2001
From: gabaldon <maria@otherplane.com>
Date: Wed, 4 Sep 2024 11:14:36 +0200
Subject: [PATCH] fix: add color to arrow in card

---
 src/components/AnimatedArrow.vue                     | 2 +-
 src/components/Card/WCard.vue                        | 2 +-
 src/components/Card/__snapshots__/WCard.spec.ts.snap | 3 ++-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/AnimatedArrow.vue b/src/components/AnimatedArrow.vue
index fe81a5c..bae5543 100644
--- 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
index a1dfc44..cfb612b 100644
--- 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
index 1ff8a5c..5ca7757 100644
--- 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"