From 180f092840eec71ad76cf3425de474abcda882e6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Micha=C5=82owski?=
 <mateusz.michalowski@monterail.com>
Date: Wed, 24 Jul 2024 09:43:14 +0200
Subject: [PATCH] feat(admin) - update icons

---
 admin/components.d.ts           |  2 ++
 admin/src/components/NavBar.vue | 14 ++++++++++++--
 admin/src/pages/UserSearch.vue  |  8 ++++++--
 3 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/admin/components.d.ts b/admin/components.d.ts
index 9f36a4c74..955df4bd2 100644
--- a/admin/components.d.ts
+++ b/admin/components.d.ts
@@ -26,6 +26,8 @@ declare module 'vue' {
     EditCreationFormular: typeof import('./src/components/EditCreationFormular.vue')['default']
     FederationVisualizeItem: typeof import('./src/components/Federation/FederationVisualizeItem.vue')['default']
     FigureQrCode: typeof import('./src/components/FigureQrCode.vue')['default']
+    IBiEnvelope: typeof import('~icons/bi/envelope')['default']
+    IBiXCircle: typeof import('~icons/bi/x-circle')['default']
     IIcBaselineClose: typeof import('~icons/ic/baseline-close')['default']
     IOcticonCircleSlash24: typeof import('~icons/octicon/circle-slash24')['default']
     IOcticonPerson24: typeof import('~icons/octicon/person24')['default']
diff --git a/admin/src/components/NavBar.vue b/admin/src/components/NavBar.vue
index 1226e71aa..eec7f5e1f 100644
--- a/admin/src/components/NavBar.vue
+++ b/admin/src/components/NavBar.vue
@@ -1,8 +1,12 @@
 <template>
   <div class="component-nabvar">
-    <BNavbar v-b-color-mode="'light'" toggleable="lg" variant="dark">
+    <BNavbar v-b-color-mode="'dark'" toggleable="lg" variant="light-dark">
       <BNavbarBrand class="mb-2" to="/">
-        <img src="/img/brand/gradido_logo_w.png" class="navbar-brand-img pl-2" alt="..." />
+        <img
+          src="../../public/img/brand/gradido_logo_w.png"
+          class="navbar-brand-img pl-2"
+          alt="..."
+        />
       </BNavbarBrand>
 
       <BNavbarToggle target="navbar-toggle-collapse" />
@@ -71,3 +75,9 @@ const handleWallet = () => {
   padding-left: 10px;
 }
 </style>
+
+<style lang="scss">
+.bg-light-dark {
+  background-color: #343a40;
+}
+</style>
diff --git a/admin/src/pages/UserSearch.vue b/admin/src/pages/UserSearch.vue
index 339672b14..c4e4e4bff 100644
--- a/admin/src/pages/UserSearch.vue
+++ b/admin/src/pages/UserSearch.vue
@@ -2,7 +2,7 @@
   <div class="user-search">
     <div class="user-search-first-div">
       <BButton class="unconfirmedRegisterMails" variant="light" @click="unconfirmedRegisterMails">
-        <IPhEnvelope style="color: #f5365c" />
+        <IBiEnvelope style="color: #f5365c" />
         {{
           filters.byActivated === null
             ? $t('all_emails')
@@ -12,7 +12,7 @@
         }}
       </BButton>
       <BButton class="deletedUserSearch" variant="light" @click="deletedUserSearch">
-        <IPhXCircle style="color: #f5365c" />
+        <IBiXCircle style="color: #f5365c" />
         {{
           filters.byDeleted === null
             ? $t('all_emails')
@@ -152,4 +152,8 @@ watch(
 .user-search-first-div {
   text-align: right;
 }
+img,
+svg {
+  vertical-align: text-bottom;
+}
 </style>