Commit c2b29e10 authored by Nils Windisch's avatar Nils Windisch
Browse files

FEATURE language select menu

parent 896860ae
Pipeline #132698 passed with stages
in 3 minutes and 59 seconds
<template>
<div class="">
<h1 class="text-h5 text-bold text-uppercase">
<language
class="q-pr-md" />
<span>{{ cut(collectiontitle) }}</span>
<q-icon class="q-pb-sm" size="40px" :name="fasChevronRight" />
<span>{{ cut(manifesttitle) }}</span>
......@@ -12,9 +14,13 @@
<script>
import { fasChevronRight } from '@quasar/extras/fontawesome-v5';
import Language from '@/components/language.vue';
export default {
name: 'Infobar',
components: {
Language,
},
props: {
collectiontitle: String,
manifests: Array,
......@@ -45,3 +51,9 @@ export default {
},
};
</script>
<style>
.language {
display: inline;
}
</style>
......@@ -2,14 +2,11 @@
<q-header elevated class="bg-white text-black">
<div class="bar row justify-between items-center">
<Infobar v-if="manifests.length"
class="col-xs-12 col-md-11 q-pl-md"
class="col-xs-12 q-pl-md"
:collectiontitle="collectiontitle"
:manifests="manifests"
:pagelabel="pagelabel"
/>
<Language
class="col-xs-12 col-md-1 q-pr-md content-md-end"
/>
</div>
<div class="bar row q-px-md justify-sm-between">
......@@ -47,7 +44,7 @@
import Infobar from '@/components/infobar.vue';
import Navbar from '@/components/navbar.vue';
import Togglebar from '@/components/togglebar.vue';
import Language from '@/components/language.vue';
// import Language from '@/components/language.vue';
export default {
name: 'Header',
......@@ -55,7 +52,7 @@ export default {
Infobar,
Navbar,
Togglebar,
Language,
// Language,
},
props: {
collectiontitle: String,
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment