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

(WIP) UPDATE UI with Quasar elements

parent 5885386b
Pipeline #131221 passed with stages
in 3 minutes and 21 seconds
<template>
<div class="row justify-center">
<h1 class="col-12 col-auto q-px-sm text-h5 text-bold text-uppercase">
<h1 class="col-12 col-auto text-h5 text-bold text-uppercase">
<span>{{ cut(collectiontitle) }}</span>
<q-icon class="q-pb-sm" size="40px" :name="fasChevronRight" />
<span>{{ cut(manifesttitle) }}</span>
......
<template>
<div class="">
<div>
<q-btn
unelevated
color="black"
color="black q-pr-sm"
:disabled="itemindex <= 0"
@click="
--itemindex;
......@@ -53,3 +53,9 @@ export default {
},
};
</script>
<style lang="scss" scoped>
button:first-of-type {
margin-right: 8px;
}
</style>
......@@ -2,13 +2,14 @@
<q-header elevated class="bg-white text-black">
<div>
<Infobar v-if="manifests.length"
class="q-px-md"
:collection="collection"
:itemurl="itemurl"
:manifests="manifests"
/>
</div>
<div class="row justify-center q-px-sm">
<div class="row justify-center q-px-md q-mb-md">
<Navbar
class="col col-md-4"
:itemurls="itemurls"
......@@ -48,10 +49,7 @@ export default {
<style scoped>
div {
max-width: 1200px;
margin: 0 auto;
margin-left: auto;
margin-right: auto;
}
</style>
<style>
</style>
<template>
<div class="" title="Tab options">
<div>
<q-btn outline
v-for="(name, idx) in panels"
:aria-selected="toggleAria(idx)"
......@@ -81,3 +81,12 @@ export default {
},
};
</script>
<style lang="scss" scoped>
button {
margin-right: 8px;
}
button:last-of-type {
margin-right: 0;
}
</style>
Supports Markdown
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