diff --git a/src/components/maps/overlay/SearchMapSwitch.vue b/src/components/maps/overlay/SearchMapSwitch.vue index e6b925ac..7492d5fd 100644 --- a/src/components/maps/overlay/SearchMapSwitch.vue +++ b/src/components/maps/overlay/SearchMapSwitch.vue @@ -2,6 +2,7 @@ import { PopoverArrow, PopoverContent, PopoverRoot, PopoverTrigger } from 'radix-vue' import { computed, onUpdated, ref, watch } from 'vue'; import { useElementHover, useFocus } from '@vueuse/core' +import Tag from '@/components/global/Tag.vue'; const navModel = ref(false); @@ -28,7 +29,8 @@ onUpdated(() => { interface MenuItem { name: string, img: string, - url: string + url: string, + newItem?: boolean } const worldMenuItems: MenuItem[] = [ @@ -40,7 +42,8 @@ const worldMenuItems: MenuItem[] = [ { name: 'Bamast', img: '/images/bamast-cover.png', - url: '/bamast' + url: '/bamast', + newItem: true } ] @@ -53,12 +56,14 @@ const cityMenuItems: MenuItem[] = [ { name: 'Borélis', img: '/images/aldys-borelis-cover.png', - url: '/aldys/borelis' + url: '/aldys/borelis', + newItem: true }, { name: 'Cantane', img: '/images/aldys-cantane-cover.png', - url: '/aldys/cantane' + url: '/aldys/cantane', + newItem: true }, ] @@ -80,12 +85,22 @@ const cityMenuItems: MenuItem[] = [
  • - +
    {{ item.name }} + + + + +
    @@ -98,12 +113,22 @@ const cityMenuItems: MenuItem[] = [
  • - +
    {{ item.name }} + + + + +
    @@ -209,6 +234,7 @@ svg { } figure { + position: relative; display: grid; justify-items: center; gap: .25rem; @@ -223,7 +249,18 @@ svg { figcaption { font-size: .75em; text-align: center; - opacity: .75; + color: var(--slate-500); + + svg { + position: absolute; + top: -0.3rem; + right: -0.3rem; + z-index: 10; + pointer-events: none; + + .fill { fill: var(--orange-500); } + .stroke { fill: var(--white); } + } } } }