Add global search

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/components/Settings/NotificationsOnboarding.vue

@@ -56,8 +56,8 @@ const updateSetting = async (
   } catch (e: any) {
     // Snackbar.open({
     //   message: e.message,
-    //   type: "is-danger",
-    //   position: "is-bottom",
+    //   variant: "danger",
+    //   position: "bottom",
     // });
   }
 };

js/src/components/Settings/SettingMenuItem.vue

@@ -1,5 +1,12 @@
 <template>
-  <li class="setting-menu-item" :class="{ active: isActive }">
+  <li
+    class="setting-menu-item"
+    :class="{
+      'cursor-pointer bg-mbz-yellow-alt-500 dark:bg-mbz-purple-500': isActive,
+      'bg-mbz-yellow-alt-100 hover:bg-mbz-yellow-alt-200 dark:bg-mbz-purple-300 dark:hover:bg-mbz-purple-400 dark:text-white':
+        !isActive,
+    }"
+  >
     <router-link v-if="to" :to="to">
       <span>{{ title }}</span>
     </router-link>
@@ -31,7 +38,7 @@ const isActive = computed((): boolean => {
 <style lang="scss" scoped>
 li.setting-menu-item {
   font-size: 1.05rem;
-  background-color: #fff1de;
+  // background-color: #fff1de;
   margin: auto;
 
   span {
@@ -47,7 +54,7 @@ li.setting-menu-item {
   &:hover,
   &.active {
     cursor: pointer;
-    background-color: lighten(#fea72b, 10%);
+    // background-color: lighten(#fea72b, 10%);
   }
 }
 </style>

js/src/components/Settings/SettingMenuSection.vue

@@ -1,5 +1,7 @@
 <template>
-  <li class="bg-yellow-1 text-violet-2 text-xl">
+  <li
+    class="bg-mbz-yellow-alt-300 text-violet-2 dark:bg-mbz-purple-500 dark:text-zinc-100 text-xl"
+  >
     <router-link
       class="cursor-pointer my-2 mx-0 py-2 px-3 font-medium block no-underline"
       v-if="to"

js/src/components/Settings/SettingsMenu.vue

@@ -1,5 +1,5 @@
 <template>
-  <aside>
+  <aside class="mb-6">
     <ul>
       <SettingMenuSection
         :title="t('Account')"