Joururi/leim-maps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added borelis and cantane maps

Browse Source
This commit is contained in:
Alexis
2025-01-10 14:15:48 +01:00
parent 8629df03fb
commit 59d62185f7
759 changed files with 1446 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/components/maps/overlay/SearchMapSwitch.vue
View File

@@ -31,7 +31,7 @@ interface MenuItem {
url: string
}
const menuItems: MenuItem[] = [
const worldMenuItems: MenuItem[] = [
{
name: 'Aldys',
img: '/images/aldys-cover.png',
@@ -43,6 +43,24 @@ const menuItems: MenuItem[] = [
url: '/bamast'
}
]
const cityMenuItems: MenuItem[] = [
// {
// name: 'Ambrose',
// img: '/images/aldys-cover.png',
// url: '/aldys/ambrose'
// },
{
name: 'Borélis',
img: '/images/aldys-cover.png',
url: '/aldys/borelis'
},
{
name: 'Cantane',
img: '/images/aldys-cover.png',
url: '/aldys/cantane'
},
]
</script>
<template>
@@ -56,8 +74,30 @@ const menuItems: MenuItem[] = [
<PopoverContent side="bottom" :side-offset="6" :collision-padding="10" class="card" style="z-index: 100;">
<PopoverArrow class="card-arrow" />
<menu class="world-menu">
<li v-for="item in menuItems" :key="item.name">
<div class="menu-title">
Continents
</div>
<menu class="map-menu">
<li v-for="item in worldMenuItems" :key="item.name">
<a :href="item.url" :class="{ 'active': url?.pathname === item.url }" :tabindex="url?.pathname === item.url ? -1 : 0">
<figure>
<img :src="item.img" alt="" width="40" height="40" loading="eager">
<figcaption>
{{ item.name }}
</figcaption>
</figure>
</a>
</li>
</menu>
<div class="menu-title">
Villes
</div>
<menu class="map-menu">
<li v-for="item in cityMenuItems" :key="item.name">
<a :href="item.url" :class="{ 'active': url?.pathname === item.url }" :tabindex="url?.pathname === item.url ? -1 : 0">
<figure>
<img :src="item.img" alt="" width="40" height="40" loading="eager">
@@ -89,6 +129,13 @@ button {
cursor: pointer;
}
.menu-title {
font-size: .9em;
font-weight: 600;
margin-bottom: .25rem;
margin-left: .25rem;
}
.btn-round {
display: grid;
place-items: center;
@@ -135,8 +182,9 @@ svg {
width: 1.15em;
}
.world-menu {
.map-menu {
margin-top: .25rem;
margin-bottom: .5rem;
margin-inline: .25rem;
display: flex;
gap: 1rem;