bachir/enfrancais-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update header with dropdown for secondary pages & add missing basic routes and pages

Browse Source
This commit is contained in:
axolotle
2021-03-10 16:30:58 +01:00
parent 965112ddbb
commit 9ffc2bf167
5 changed files with 73 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.vue
+32 -16
View File
@@ -1,26 +1,42 @@
<template>
<div id="app">
<header>
<b-navbar toggleable="md">
<b-navbar>
<b-dropdown variant="link" no-caret>
<template #button-content>
<span class="navbar-toggler-icon" />
<span class="sr-only">Menu</span>
</template>
<b-dropdown-item :to="{ name: 'home' }">
{{ $t('sections.home') }}
</b-dropdown-item>
<b-dropdown-item :to="{ name: 'introduction' }">
{{ $t('sections.introduction') }}
</b-dropdown-item>
<b-dropdown-item :to="{ name: 'blog' }">
{{ $t('sections.blog') }}
</b-dropdown-item>
<b-dropdown-item :to="{ name: 'contact' }">
{{ $t('sections.contact') }}
</b-dropdown-item>
</b-dropdown>
<b-navbar-brand :to="{ name: 'home' }">
{{ $t('title') }}
</b-navbar-brand>
<b-navbar-toggle target="nav-collapse" />
<b-collapse id="nav-collapse" is-nav>
<b-navbar-nav class="ml-auto">
<b-nav-item :to="{ name: 'library' }">
{{ $t('sections.library') }}
</b-nav-item>
<b-nav-item :to="{ name: 'kit' }">
{{ $t('sections.kit') }}
</b-nav-item>
<b-nav-item :to="{ name: 'gallery' }">
{{ $t('sections.gallery') }}
</b-nav-item>
</b-navbar-nav>
</b-collapse>
<b-nav class="ml-auto">
<b-nav-item :to="{ name: 'library' }">
{{ $t('sections.library') }}
</b-nav-item>
<b-nav-item :to="{ name: 'kit' }">
{{ $t('sections.kit') }}
</b-nav-item>
<b-nav-item :to="{ name: 'gallery' }">
{{ $t('sections.gallery') }}
</b-nav-item>
</b-nav>
</b-navbar>
<router-view name="options" />