feat: use custom dash

kiva · Oct 3, 2024 · 4ee0470 · 4ee0470
1 parent 10d7af1
commit 4ee0470
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/assets/inline-svgs/my-kiva/dash.svg b/src/assets/inline-svgs/my-kiva/dash.svg
diff --git a/src/components/MyKiva/BadgeContainer.vue b/src/components/MyKiva/BadgeContainer.vue
@@ -38,6 +38,6 @@ const title = computed(() => {
 <style lang="postcss" scoped>
 .in-progress {
   @apply tw-grayscale tw-rounded-full tw-w-fit tw-bg-secondary;
-  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='gray' stroke-width='8' stroke-dasharray='23' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
+  background-image: url('/src/assets/inline-svgs/my-kiva/dash.svg');
 }
 </style>