Move minimap to forum menu

components/layout/LayoutHeaderMenu.vue

@@ -4,7 +4,7 @@
       <nuxt-link
         v-if="item.url.startsWith('/')"
         :key="index"
-        class="inline-flex items-center relative cursor-pointer whitespace-nowrap py-2 px-3 hover:bg-hover-light dark-hover:bg-hover-dark rounded-full focus:outline-none focus:ring-2"
+        class="inline-flex items-center relative cursor-pointer whitespace-nowrap py-2 px-3 text-gray-600 hover:text-gray-700 hover:bg-hover-light dark:text-gray-200 rounded-full focus:outline-none focus:ring-2"
         :to="item.url"
       >
         {{ item.title }}
@@ -15,12 +15,12 @@
       toggle-on-hover
       :classes="{
         dropdown:
-          'origin-top-left absolute left-0 w-80 rounded-md shadow bg-white mt-1 dark:bg-gray-600',
+          'absolute right-0 rounded-md shadow-lg bg-white dark:bg-gray-600 dark:border-gray-500 border transform translate-y-1',
       }"
     >
       <a
         slot="trigger"
-        class="inline-flex items-center relative cursor-pointer whitespace-nowrap py-2 px-3 hover:bg-hover-light dark-hover:bg-hover-dark rounded-full focus:outline-none focus:ring-2"
+        class="inline-flex items-center relative cursor-pointer whitespace-nowrap py-2 px-3 text-gray-600 hover:text-gray-700 hover:bg-hover-light dark:text-gray-200 rounded-full focus:outline-none focus:ring-2"
         href="https://forum.monnaie-libre.fr/"
         target="_blank"
         rel="noopener noreferrer"

components/layout/LayoutHeaderMenuAvatar.vue

@@ -5,7 +5,7 @@
     :show.sync="show"
     :classes="{
       dropdown:
-        'absolute right-0 rounded-md shadow-lg bg-white dark:bg-gray-600 border-gray-100 dark:border-gray-500 border transform translate-y-1',
+        'absolute right-0 rounded-md shadow-lg bg-white dark:bg-gray-600 dark:border-gray-500 border transform translate-y-1',
     }"
   >
     <div slot="trigger" class="flex items-center ml-5">
@@ -255,6 +255,6 @@ export default {
 </script>
 <style lang="postcss" scoped>
 .menu-item {
-  @apply flex items-center hover:bg-hover-light hover:text-gray-700 px-3 py-1 text-gray-600 dark:text-gray-200 w-full;
+  @apply flex items-center text-gray-600 hover:text-gray-700 hover:bg-hover-light dark:text-gray-200 px-3 py-1 w-full;
 }
 </style>

components/layout/LayoutHeaderMenuForum.vue

 <template>
-  <div v-if="!loading">
-    <div class="text-left text-xs py-1">
+  <div v-if="!loading" class="flex items-center">
+    <MiniMap class="mx-4" style="min-width: 440px" />
+
+    <div class="text-left text-xs py-1 w-80 border-l dark:border-gray-500">
       <a
         v-for="(cat, index) in categories"
         :key="index"
-        class="block hover:bg-hover-light hover:text-gray-700 p-2 text-gray-600 dark:text-gray-200 w-full"
+        class="block text-gray-600 hover:text-gray-700 hover:bg-hover-light dark:text-gray-200 p-2 w-full"
         :href="`https://forum.monnaie-libre.fr/c/${cat.slug}/${cat.id}`"
         target="_blank"
         rel="noopener noreferrer"