refactor: update logos and icons

Author: mrholek

src/assets/brand/logo-negative.js

@@ -0,0 +1,12 @@
+export const sygnet = [
+  '160 160',
+  `
+  <title>coreui logo</title>
+  <g>
+    <g style="fill:#fff;">
+      <path d="M125,47.091,86,24.5743a12,12,0,0,0-12,0L35,47.091a12.0336,12.0336,0,0,0-6,10.3923v45.0334a12.0335,12.0335,0,0,0,6,10.3923l39,22.5166a11.9993,11.9993,0,0,0,12,0l39-22.5166a12.0335,12.0335,0,0,0,6-10.3923V57.4833A12.0336,12.0336,0,0,0,125,47.091Zm-2,55.4257a4,4,0,0,1-2,3.464L82,128.4974a4,4,0,0,1-4,0L39,105.9807a4,4,0,0,1-2-3.464V57.4833a4,4,0,0,1,2-3.4641L78,31.5025a4,4,0,0,1,4,0l39,22.5167a4,4,0,0,1,2,3.4641Z"/>
+      <path d="M103.0216,93.0379h-2.866a4,4,0,0,0-1.9246.4935L80.95,103.0167,61,91.4981V68.5206L80.95,57.002l17.2894,9.455a4,4,0,0,0,1.9192.4905h2.8632a2,2,0,0,0,2-2V62.2357a2,2,0,0,0-1.04-1.7547L84.793,49.9854a8.0391,8.0391,0,0,0-7.8428.09L57,61.5929A8.0243,8.0243,0,0,0,53,68.5216v22.976a8,8,0,0,0,4,6.9283l19.95,11.5185a8.0422,8.0422,0,0,0,7.8433.0879l19.19-10.5311a2,2,0,0,0,1.0378-1.7534v-2.71A2,2,0,0,0,103.0216,93.0379Z"/>
+    </g>
+  </g>
+`,
+]

src/assets/brand/logo.js

@@ -76,11 +76,9 @@ import {
   cilUserFollow,
   cilXCircle
 } from "@coreui/icons";
-import { logo } from "./logo";
 
 export const iconsSet = Object.assign(
   {},
-  { logo },
   {
     cilArrowBottom,
     cilArrowRight,

src/assets/brand/sygnet.js

@@ -5,9 +5,9 @@
         <CIcon icon="cil-menu" size="lg" />
       </CHeaderToggler>
       <CHeaderBrand class="mx-auto d-lg-none" to="/">
-        <CIcon name="logo" height="48" alt="Logo" />
+        <CIcon :icon="logo" height="48" alt="Logo" />
       </CHeaderBrand>
-      <CHeaderNav class="d-md-down-none me-auto">
+      <CHeaderNav class="d-none d-md-flex me-auto">
         <CNavItem>
           <CNavLink href="/dashboard"> Dashboard </CNavLink>
         </CNavItem>
@@ -19,19 +19,19 @@
         </CNavItem>
       </CHeaderNav>
       <CHeaderNav class="me-4">
-        <CNavItem class="d-md-down-none mx-2">
-          <CNavLink>
-            <CIcon icon="cil-bell" size="lg" />
+        <CNavItem>
+          <CNavLink href="#">
+            <CIcon class="mx-2" icon="cil-bell" size="lg" />
           </CNavLink>
         </CNavItem>
-        <CNavItem class="d-md-down-none mx-2">
-          <CNavLink>
-            <CIcon icon="cil-list" size="lg" />
+        <CNavItem>
+          <CNavLink href="#">
+            <CIcon class="mx-2" icon="cil-list" size="lg" />
           </CNavLink>
         </CNavItem>
-        <CNavItem class="d-md-down-none mx-2">
-          <CNavLink>
-            <CIcon icon="cil-envelope-open" size="lg" />
+        <CNavItem>
+          <CNavLink href="#">
+            <CIcon class="mx-2" icon="cil-envelope-open" size="lg" />
           </CNavLink>
         </CNavItem>
         <AppHeaderDropdownAccnt />
@@ -58,6 +58,7 @@ import { onMounted, ref, watch } from 'vue'
 import { onBeforeRouteUpdate } from 'vue-router'
 import AppHeaderDropdownAccnt from './AppHeaderDropdownAccnt'
 import router from '../router'
+import { logo } from './../assets/brand/logo'
 export default {
   name: 'AppHeader',
   components: {
@@ -100,6 +101,7 @@ export default {
 
     return {
       breadcrumbs,
+      logo,
     }
   },
 }