fix: icon fade in

ludchieng · Jan 24, 2023 · 7d1001d · 7d1001d
1 parent 5b9522f
commit 7d1001d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/components/LineIcon.vue b/src/components/LineIcon.vue
@@ -4,6 +4,7 @@
     :src="`/img/lines-icons/${color}/${lineSlugName}.svg`"
     :alt="`${lineSlugName}`"
     :size="size"
+    :fadeIn="fadeIn"
   />
 </template>
 

diff --git a/src/components/design/DesignIcon.vue b/src/components/design/DesignIcon.vue
@@ -31,6 +31,11 @@ export default Vue.extend({
 </script>
 
 <style scoped>
+img {
+  /* Prevents alt text to display on image load */
+  color: transparent;
+}
+
 .size-sm {
   width: 1.35rem;
   height: 1.35rem;