feat: Use Fluent SVG icons on the dashboard (#3482)

2021-11-30 21:03:18 -08:00
parent 98be3b33c1
commit c792cfc0be
151 changed files with 613 additions and 617 deletions
--- a/app/javascript/dashboard/modules/contact/components/MergeContact.vue
+++ b/app/javascript/dashboard/modules/contact/components/MergeContact.vue
@@ -33,7 +33,7 @@

      <div class="child-contact-wrap">
        <div class="child-arrow">
-          <i class="ion-ios-arrow-up up" />
+          <fluent-icon icon="arrow-up" class="up" size="17" />
        </div>
        <div
          class="child-contact multiselect-wrap--medium"
@@ -213,8 +213,8 @@ export default {

 .up {
  position: absolute;
-  top: -11px;
-  left: var(--space-normal);
+  top: var(--space-minus-smaller);
+  left: var(--space-slab);
 }

 .footer {