shared-ritm 1.1.70 → 1.1.72

package/src/common/app-sidebar/components/SidebarMenuItem.vue

@@ -1,139 +1,139 @@
-<template>
-  <q-expansion-item
-    v-if="item.items"
-    :model-value="isRouteActive(item) && expand"
-    header-class="text-purple"
-    :class="[$style['menu-item'], { 'expansion-item-active': isRouteActive(item) && minify }]"
-    @update:model-value="expand = $event"
-  >
-    <template #header>
-      <q-tooltip
-        v-if="minify"
-        :delay="100"
-        transition-show="jump-right"
-        transition-hide="jump-left"
-        anchor="center right"
-        self="center left"
-      >
-        {{ item.label }}
-      </q-tooltip>
-
-      <q-item-section v-if="item.icon" avatar>
-        <app-icon :name="item.icon" color="white" size="24px" />
-      </q-item-section>
-
-      <q-item-section :class="$style['menu-item__label']">{{ item.label }}</q-item-section>
-    </template>
-
-    <sidebar-menu-item
-      v-for="(subItem, index) in item.items"
-      :key="index"
-      :item="subItem"
-      :main="main"
-      :is-route-active="isRouteActive"
-    />
-  </q-expansion-item>
-  <q-item
-    v-else-if="item.name !== 'sign-out'"
-    v-ripple
-    :class="$style['menu-item']"
-    :active="isRouteActive(item)"
-    active-class="menu-active"
-    clickable
-    :to="main ? item.to : ''"
-    @click="goToRoute(item.to)"
-  >
-    <q-tooltip
-      v-if="minify"
-      :delay="100"
-      transition-show="jump-right"
-      transition-hide="jump-left"
-      anchor="center right"
-      self="center left"
-    >
-      {{ item.label }}
-    </q-tooltip>
-
-    <q-item-section v-if="item.icon" avatar>
-      <app-icon :name="item.icon" color="white" size="24px" />
-    </q-item-section>
-
-    <q-item-section :class="$style['menu-item__label']">{{ item.label }}</q-item-section>
-  </q-item>
-</template>
-
-<script lang="ts" setup>
-import { defineProps, reactive, ref } from 'vue'
-import AppIcon from '@/common/app-icon/AppIcon.vue'
-
-interface Props {
-  minify?: boolean
-  main: boolean
-  isRouteActive: (item: any) => boolean
-  item: {
-    name: string
-    label: string
-    icon: string
-    href: string
-    to: string
-    items: any[]
-  }
-}
-
-const emits = defineEmits(['goToRoute'])
-const props = defineProps<Props>()
-
-const expand = ref(true)
-
-const goToRoute = (to: string) => {
-  if (!props.main) window.location.href = to
-}
-</script>
-
-<style lang="scss" scoped>
-.expansion-item-active {
-  background: rgba(243, 249, 253, 0.1);
-  border-radius: 10px;
-}
-</style>
-
-<style lang="scss" module>
-.menu-item {
-  margin: 0 8px;
-  &:global(.menu-active) {
-    border-radius: 10px;
-    background: rgba(243, 249, 253, 0.1);
-  }
-  :global(.q-item__section--avatar) {
-    min-width: 24px;
-    padding-right: 14px;
-  }
-
-  :global(.q-expansion-item__content .q-item) {
-    padding-left: 20px;
-  }
-  :global(.q-item__section--main ~ .q-item__section--side) {
-    color: white;
-  }
-  &__label {
-    color: #fff;
-    font-family: 'Nunito Sans', sans-serif;
-    font-size: 16px;
-    font-weight: 300;
-    white-space: nowrap;
-  }
-}
-
-@media (max-width: 1440px) {
-  .menu-item {
-    margin: 0 4px;
-    :global(.q-item__section--avatar) {
-      min-width: 24px;
-      padding-right: 10px;
-    }
-    &__label {
-      font-size: 14px;
-    }
-  }
-}
-</style>
+<template>
+  <q-expansion-item
+    v-if="item.items"
+    :model-value="isRouteActive(item) && expand"
+    header-class="text-purple"
+    :class="[$style['menu-item'], { 'expansion-item-active': isRouteActive(item) && minify }]"
+    @update:model-value="expand = $event"
+  >
+    <template #header>
+      <q-tooltip
+        v-if="minify"
+        :delay="100"
+        transition-show="jump-right"
+        transition-hide="jump-left"
+        anchor="center right"
+        self="center left"
+      >
+        {{ item.label }}
+      </q-tooltip>
+
+      <q-item-section v-if="item.icon" avatar>
+        <app-icon :name="item.icon" color="white" size="24px" />
+      </q-item-section>
+
+      <q-item-section :class="$style['menu-item__label']">{{ item.label }}</q-item-section>
+    </template>
+
+    <sidebar-menu-item
+      v-for="(subItem, index) in item.items"
+      :key="index"
+      :item="subItem"
+      :main="main"
+      :is-route-active="isRouteActive"
+    />
+  </q-expansion-item>
+  <q-item
+    v-else-if="item.name !== 'sign-out'"
+    v-ripple
+    :class="$style['menu-item']"
+    :active="isRouteActive(item)"
+    active-class="menu-active"
+    clickable
+    :to="main ? item.to : ''"
+    @click="goToRoute(item.to)"
+  >
+    <q-tooltip
+      v-if="minify"
+      :delay="100"
+      transition-show="jump-right"
+      transition-hide="jump-left"
+      anchor="center right"
+      self="center left"
+    >
+      {{ item.label }}
+    </q-tooltip>
+
+    <q-item-section v-if="item.icon" avatar>
+      <app-icon :name="item.icon" color="white" size="24px" />
+    </q-item-section>
+
+    <q-item-section :class="$style['menu-item__label']">{{ item.label }}</q-item-section>
+  </q-item>
+</template>
+
+<script lang="ts" setup>
+import { defineProps, reactive, ref } from 'vue'
+import AppIcon from '@/common/app-icon/AppIcon.vue'
+
+interface Props {
+  minify?: boolean
+  main: boolean
+  isRouteActive: (item: any) => boolean
+  item: {
+    name: string
+    label: string
+    icon: string
+    href: string
+    to: string
+    items: any[]
+  }
+}
+
+const emits = defineEmits(['goToRoute'])
+const props = defineProps<Props>()
+
+const expand = ref(true)
+
+const goToRoute = (to: string) => {
+  if (!props.main) window.location.href = to
+}
+</script>
+
+<style lang="scss" scoped>
+.expansion-item-active {
+  background: rgba(243, 249, 253, 0.1);
+  border-radius: 10px;
+}
+</style>
+
+<style lang="scss" module>
+.menu-item {
+  margin: 0 8px;
+  &:global(.menu-active) {
+    border-radius: 10px;
+    background: rgba(243, 249, 253, 0.1);
+  }
+  :global(.q-item__section--avatar) {
+    min-width: 24px;
+    padding-right: 14px;
+  }
+
+  :global(.q-expansion-item__content .q-item) {
+    padding-left: 20px;
+  }
+  :global(.q-item__section--main ~ .q-item__section--side) {
+    color: white;
+  }
+  &__label {
+    color: #fff;
+    font-family: 'Nunito Sans', sans-serif;
+    font-size: 16px;
+    font-weight: 300;
+    white-space: nowrap;
+  }
+}
+
+@media (max-width: 1440px) {
+  .menu-item {
+    margin: 0 4px;
+    :global(.q-item__section--avatar) {
+      min-width: 24px;
+      padding-right: 10px;
+    }
+    &__label {
+      font-size: 14px;
+    }
+  }
+}
+</style>

package/src/common/app-wrapper/AppWrapper.vue

@@ -1,28 +1,28 @@
-<template>
-  <div class="app-wrapper">
-    <slot />
-  </div>
-</template>
-<script setup lang="ts"></script>
-<style scoped lang="scss">
-.app-wrapper {
-  width: 100%;
-  height: 100%;
-  margin: 20px 0 12px 0;
-  padding: 30px;
-  border-radius: 8px;
-  background: #fff;
-  outline: 4px solid #598dd5;
-  outline-offset: -3px;
-  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px #c4d7f1 inset,
-    0px 0px 6.4px 3px rgba(31, 82, 159, 0.5), 0px 6px 58px 0px rgba(0, 49, 122, 0.1);
-}
-
-@media (max-width: 1440px) {
-  .app-wrapper {
-    margin: 10px 0;
-    padding: 14px;
-    border-radius: 8px;
-  }
-}
-</style>
+<template>
+  <div class="app-wrapper">
+    <slot />
+  </div>
+</template>
+<script setup lang="ts"></script>
+<style scoped lang="scss">
+.app-wrapper {
+  width: 100%;
+  height: 100%;
+  margin: 20px 0 12px 0;
+  padding: 30px;
+  border-radius: 8px;
+  background: #fff;
+  outline: 4px solid #598dd5;
+  outline-offset: -3px;
+  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px #c4d7f1 inset,
+    0px 0px 6.4px 3px rgba(31, 82, 159, 0.5), 0px 6px 58px 0px rgba(0, 49, 122, 0.1);
+}
+
+@media (max-width: 1440px) {
+  .app-wrapper {
+    margin: 10px 0;
+    padding: 14px;
+    border-radius: 8px;
+  }
+}
+</style>

package/src/global.d.ts

@@ -1 +1 @@
-declare module 'shared-ritm'
+declare module 'shared-ritm'

package/src/icons/components/arrow-down-icon.vue

@@ -1,25 +1,25 @@
-<script>
-export default {
-  name: 'ArrowDownIcon',
-}
-</script>
-
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <path
-      d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2Z"
-      stroke="#3F8CFF"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M15.53 10.74L12 14.26L8.47003 10.74"
-      stroke="#3F8CFF"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-</template>
+<script>
+export default {
+  name: 'ArrowDownIcon',
+}
+</script>
+
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+    <path
+      d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2Z"
+      stroke="#3F8CFF"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M15.53 10.74L12 14.26L8.47003 10.74"
+      stroke="#3F8CFF"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>

package/src/icons/components/arrow-frame-icon.vue

@@ -1,19 +1,19 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <path
-      d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M8.46997 13.26L12 9.73999L15.53 13.26"
-      stroke="currentStroke"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-</template>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+    <path
+      d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M8.46997 13.26L12 9.73999L15.53 13.26"
+      stroke="currentStroke"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>

package/src/icons/components/arrow-square.vue

@@ -1,22 +1,22 @@
-<script setup lang="ts"></script>
-
-<template>
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z"
-      stroke="#3F8CFF"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M10.7402 15.53L14.2602 12L10.7402 8.46997"
-      stroke="#3F8CFF"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-</template>
-
-<style scoped lang="scss"></style>
+<script setup lang="ts"></script>
+
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z"
+      stroke="#3F8CFF"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M10.7402 15.53L14.2602 12L10.7402 8.46997"
+      stroke="#3F8CFF"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+
+<style scoped lang="scss"></style>

package/src/icons/dialogs/RemoveIcon.vue

@@ -1,12 +1,12 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none">
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M35 2.5C38.9942 2.5 42.2592 5.6223 42.4873 9.55932L42.5 10V12.5H47.5H52.5C53.8807 12.5 55 13.6193 55 15C55 16.2821 54.0349 17.3388 52.7916 17.4832L52.5 17.5H50V50C50 53.9942 46.8777 57.2592 42.9407 57.4873L42.5 57.5H17.5C13.5058 57.5 10.2408 54.3777 10.0127 50.4407L10 50V17.5H7.5C6.11929 17.5 5 16.3807 5 15C5 13.7179 5.9651 12.6612 7.20845 12.5168L7.5 12.5H12.5H17.5V10C17.5 6.0058 20.6223 2.74085 24.5593 2.51273L25 2.5H35ZM15 17.5V50C15 51.2821 15.9651 52.3388 17.2084 52.4832L17.5 52.5H42.5C43.7821 52.5 44.8388 51.5349 44.9832 50.2916L45 50V17.5H40H20H15ZM37.5 12.5H22.5V10L22.5168 9.70845C22.6612 8.4651 23.7179 7.5 25 7.5H35L35.2916 7.51682C36.5349 7.66123 37.5 8.71791 37.5 10V12.5ZM25 25C26.2821 25 27.3388 25.9651 27.4832 27.2084L27.5 27.5V42.5C27.5 43.8807 26.3807 45 25 45C23.7179 45 22.6612 44.0349 22.5168 42.7916L22.5 42.5V27.5C22.5 26.1193 23.6193 25 25 25ZM37.4832 27.2084C37.3388 25.9651 36.2821 25 35 25C33.6193 25 32.5 26.1193 32.5 27.5V42.5L32.5168 42.7916C32.6612 44.0349 33.7179 45 35 45C36.3807 45 37.5 43.8807 37.5 42.5V27.5L37.4832 27.2084Z"
-      fill="#F65160"
-    />
-  </svg>
-</template>
-
-<style scoped lang="scss"></style>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M35 2.5C38.9942 2.5 42.2592 5.6223 42.4873 9.55932L42.5 10V12.5H47.5H52.5C53.8807 12.5 55 13.6193 55 15C55 16.2821 54.0349 17.3388 52.7916 17.4832L52.5 17.5H50V50C50 53.9942 46.8777 57.2592 42.9407 57.4873L42.5 57.5H17.5C13.5058 57.5 10.2408 54.3777 10.0127 50.4407L10 50V17.5H7.5C6.11929 17.5 5 16.3807 5 15C5 13.7179 5.9651 12.6612 7.20845 12.5168L7.5 12.5H12.5H17.5V10C17.5 6.0058 20.6223 2.74085 24.5593 2.51273L25 2.5H35ZM15 17.5V50C15 51.2821 15.9651 52.3388 17.2084 52.4832L17.5 52.5H42.5C43.7821 52.5 44.8388 51.5349 44.9832 50.2916L45 50V17.5H40H20H15ZM37.5 12.5H22.5V10L22.5168 9.70845C22.6612 8.4651 23.7179 7.5 25 7.5H35L35.2916 7.51682C36.5349 7.66123 37.5 8.71791 37.5 10V12.5ZM25 25C26.2821 25 27.3388 25.9651 27.4832 27.2084L27.5 27.5V42.5C27.5 43.8807 26.3807 45 25 45C23.7179 45 22.6612 44.0349 22.5168 42.7916L22.5 42.5V27.5C22.5 26.1193 23.6193 25 25 25ZM37.4832 27.2084C37.3388 25.9651 36.2821 25 35 25C33.6193 25 32.5 26.1193 32.5 27.5V42.5L32.5168 42.7916C32.6612 44.0349 33.7179 45 35 45C36.3807 45 37.5 43.8807 37.5 42.5V27.5L37.4832 27.2084Z"
+      fill="#F65160"
+    />
+  </svg>
+</template>
+
+<style scoped lang="scss"></style>

package/src/icons/dialogs/SafetyIcon.vue

@@ -1,12 +1,12 @@
-<template>
-  <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M47.5 2.5H12.5C6.97715 2.5 2.5 6.97715 2.5 12.5V25C2.5 35.9165 9.14893 45.4216 22.0963 53.4484C26.938 56.45 33.062 56.45 37.9037 53.4484L38.8284 52.8657C51.1712 44.9576 57.5 35.6473 57.5 25V12.5C57.5 6.97715 53.0228 2.5 47.5 2.5ZM12.5 7.5H47.5C50.2614 7.5 52.5 9.73858 52.5 12.5V25C52.5 33.7331 47.1592 41.5899 36.1469 48.6456L35.2535 49.2085C32.0413 51.1999 27.9586 51.1999 24.7309 49.1988C13.1268 42.0048 7.5 33.9609 7.5 25V12.5C7.5 9.73858 9.73858 7.5 12.5 7.5ZM44.2833 15.7258C43.3072 14.7492 41.7243 14.7488 40.7477 15.7248L27.5 28.9625L21.7783 23.2302L21.543 23.0221C20.5629 22.2587 19.1448 22.3268 18.2428 23.2273C17.2657 24.2028 17.2643 25.7857 18.2398 26.7628L25.7308 34.2663L25.9662 34.4745C26.9467 35.2382 28.3655 35.1696 29.2673 34.2682L44.2823 19.2613L44.4904 19.0258C45.2532 18.0453 45.1842 16.6272 44.2833 15.7258Z"
-      fill="#00D097"
-    />
-  </svg>
-</template>
-
-<style scoped lang="scss"></style>
+<template>
+  <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M47.5 2.5H12.5C6.97715 2.5 2.5 6.97715 2.5 12.5V25C2.5 35.9165 9.14893 45.4216 22.0963 53.4484C26.938 56.45 33.062 56.45 37.9037 53.4484L38.8284 52.8657C51.1712 44.9576 57.5 35.6473 57.5 25V12.5C57.5 6.97715 53.0228 2.5 47.5 2.5ZM12.5 7.5H47.5C50.2614 7.5 52.5 9.73858 52.5 12.5V25C52.5 33.7331 47.1592 41.5899 36.1469 48.6456L35.2535 49.2085C32.0413 51.1999 27.9586 51.1999 24.7309 49.1988C13.1268 42.0048 7.5 33.9609 7.5 25V12.5C7.5 9.73858 9.73858 7.5 12.5 7.5ZM44.2833 15.7258C43.3072 14.7492 41.7243 14.7488 40.7477 15.7248L27.5 28.9625L21.7783 23.2302L21.543 23.0221C20.5629 22.2587 19.1448 22.3268 18.2428 23.2273C17.2657 24.2028 17.2643 25.7857 18.2398 26.7628L25.7308 34.2663L25.9662 34.4745C26.9467 35.2382 28.3655 35.1696 29.2673 34.2682L44.2823 19.2613L44.4904 19.0258C45.2532 18.0453 45.1842 16.6272 44.2833 15.7258Z"
+      fill="#00D097"
+    />
+  </svg>
+</template>
+
+<style scoped lang="scss"></style>

package/src/icons/header/flashIcon.vue

@@ -1,24 +1,24 @@
-<script setup lang="ts"></script>
-
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <path
-      d="M6.08998 13.28H9.17998V20.48C9.17998 22.16 10.09 22.5 11.2 21.24L18.77 12.64C19.7 11.59 19.31 10.72 17.9 10.72H14.81V3.52002C14.81 1.84002 13.9 1.50002 12.79 2.76002L5.21998 11.36C4.29998 12.42 4.68998 13.28 6.08998 13.28Z"
-      stroke="#404650"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <path
-      d="M9.18005 20.4798C9.18005 22.1598 10.0901 22.4998 11.2001 21.2398L18.7701 12.6398C19.7001 11.5898 19.3101 10.7198 17.9001 10.7198H14.8101"
-      stroke="#408CFF"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-  </svg>
-</template>
-
-<style scoped lang="stylus"></style>
+<script setup lang="ts"></script>
+
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+    <path
+      d="M6.08998 13.28H9.17998V20.48C9.17998 22.16 10.09 22.5 11.2 21.24L18.77 12.64C19.7 11.59 19.31 10.72 17.9 10.72H14.81V3.52002C14.81 1.84002 13.9 1.50002 12.79 2.76002L5.21998 11.36C4.29998 12.42 4.68998 13.28 6.08998 13.28Z"
+      stroke="#404650"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M9.18005 20.4798C9.18005 22.1598 10.0901 22.4998 11.2001 21.2398L18.7701 12.6398C19.7001 11.5898 19.3101 10.7198 17.9001 10.7198H14.8101"
+      stroke="#408CFF"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+
+<style scoped lang="stylus"></style>

package/src/icons/header/notificationIcon.vue

@@ -1,18 +1,18 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <path d="M12 6.43994V9.76994" stroke="#408CFF" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" />
-    <path
-      d="M12.0199 2C8.3399 2 5.3599 4.98 5.3599 8.66V10.76C5.3599 11.44 5.0799 12.46 4.7299 13.04L3.4599 15.16C2.6799 16.47 3.2199 17.93 4.6599 18.41C9.4399 20 14.6099 20 19.3899 18.41C20.7399 17.96 21.3199 16.38 20.5899 15.16L19.3199 13.04C18.9699 12.46 18.6899 11.43 18.6899 10.76V8.66C18.6799 5 15.6799 2 12.0199 2Z"
-      stroke="#404650"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-    />
-    <path
-      d="M15.33 18.8199C15.33 20.6499 13.83 22.1499 12 22.1499C11.09 22.1499 10.25 21.7699 9.65004 21.1699C9.05004 20.5699 8.67004 19.7299 8.67004 18.8199"
-      stroke="#404650"
-      stroke-width="1.5"
-      stroke-miterlimit="10"
-    />
-  </svg>
-</template>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+    <path d="M12 6.43994V9.76994" stroke="#408CFF" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" />
+    <path
+      d="M12.0199 2C8.3399 2 5.3599 4.98 5.3599 8.66V10.76C5.3599 11.44 5.0799 12.46 4.7299 13.04L3.4599 15.16C2.6799 16.47 3.2199 17.93 4.6599 18.41C9.4399 20 14.6099 20 19.3899 18.41C20.7399 17.96 21.3199 16.38 20.5899 15.16L19.3199 13.04C18.9699 12.46 18.6899 11.43 18.6899 10.76V8.66C18.6799 5 15.6799 2 12.0199 2Z"
+      stroke="#404650"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+    />
+    <path
+      d="M15.33 18.8199C15.33 20.6499 13.83 22.1499 12 22.1499C11.09 22.1499 10.25 21.7699 9.65004 21.1699C9.05004 20.5699 8.67004 19.7299 8.67004 18.8199"
+      stroke="#404650"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+    />
+  </svg>
+</template>