diff --git a/src/components/SiteNavigation.vue b/src/components/SiteNavigation.vue index b3b8a0e..eb7c55e 100644 --- a/src/components/SiteNavigation.vue +++ b/src/components/SiteNavigation.vue @@ -83,6 +83,10 @@ import { RouterLink } from "vue-router"; } } + &:last-child { + margin: var(--navigation-link-last-child-margin); + } + > * { flex: 1 0 0; } diff --git a/src/router/index.ts b/src/router/index.ts index ed40910..24526bd 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -5,6 +5,7 @@ import HomeIcon from "@/assets/icons/HomeIcon.vue"; import IdCardIcon from "@/assets/icons/IdCardIcon.vue"; import PaletteIcon from "@/assets/icons/PaletteIcon.vue"; import BriefcaseIcon from "@/assets/icons/BriefcaseIcon.vue"; +import CircleInfoIcon from "@/assets/icons/CircleInfoIcon.vue"; const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), @@ -48,6 +49,15 @@ const router = createRouter({ icon: BriefcaseIcon, }, }, + { + path: "/attributions", + name: "attributions", + component: () => import("@/views/AttributionsView.vue"), + meta: { + title: "Attributions", + icon: CircleInfoIcon + } + } ], }); diff --git a/src/views/AttributionsView.vue b/src/views/AttributionsView.vue new file mode 100644 index 0000000..24f3dae --- /dev/null +++ b/src/views/AttributionsView.vue @@ -0,0 +1,31 @@ + + + + +