feat(admin) - update icons

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']

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>

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>