Skip to content
Snippets Groups Projects
Commit d95f3fbb authored by Emmanuel Salomon's avatar Emmanuel Salomon :fist:
Browse files

Move minimap to forum menu

parent 092f9800
No related branches found
No related tags found
No related merge requests found
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<nuxt-link <nuxt-link
v-if="item.url.startsWith('/')" v-if="item.url.startsWith('/')"
:key="index" :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" :to="item.url"
> >
{{ item.title }} {{ item.title }}
...@@ -15,12 +15,12 @@ ...@@ -15,12 +15,12 @@
toggle-on-hover toggle-on-hover
:classes="{ :classes="{
dropdown: 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 <a
slot="trigger" 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/" href="https://forum.monnaie-libre.fr/"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
:show.sync="show" :show.sync="show"
:classes="{ :classes="{
dropdown: 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"> <div slot="trigger" class="flex items-center ml-5">
...@@ -255,6 +255,6 @@ export default { ...@@ -255,6 +255,6 @@ export default {
</script> </script>
<style lang="postcss" scoped> <style lang="postcss" scoped>
.menu-item { .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> </style>
<template> <template>
<div v-if="!loading"> <div v-if="!loading" class="flex items-center">
<div class="text-left text-xs py-1"> <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 <a
v-for="(cat, index) in categories" v-for="(cat, index) in categories"
:key="index" :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}`" :href="`https://forum.monnaie-libre.fr/c/${cat.slug}/${cat.id}`"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment