From d95f3fbb637ed91a272f3cd9e8d44dec513be3e8 Mon Sep 17 00:00:00 2001
From: ManUtopiK <emmanuel.salomon@gmail.com>
Date: Tue, 15 Jun 2021 04:12:36 +0200
Subject: [PATCH] Move minimap to forum menu
---
components/layout/LayoutHeaderMenu.vue | 6 +++---
components/layout/LayoutHeaderMenuAvatar.vue | 4 ++--
components/layout/LayoutHeaderMenuForum.vue | 8 +++++---
3 files changed, 10 insertions(+), 8 deletions(-)
diff --git a/components/layout/LayoutHeaderMenu.vue b/components/layout/LayoutHeaderMenu.vue
index 11a0a160..f248444c 100644
--- a/components/layout/LayoutHeaderMenu.vue
+++ b/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"
diff --git a/components/layout/LayoutHeaderMenuAvatar.vue b/components/layout/LayoutHeaderMenuAvatar.vue
index 88afd312..bfcc2d8f 100644
--- a/components/layout/LayoutHeaderMenuAvatar.vue
+++ b/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>
diff --git a/components/layout/LayoutHeaderMenuForum.vue b/components/layout/LayoutHeaderMenuForum.vue
index 85b4c2db..452eea1f 100644
--- a/components/layout/LayoutHeaderMenuForum.vue
+++ b/components/layout/LayoutHeaderMenuForum.vue
@@ -1,10 +1,12 @@
<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"
--
GitLab