Commit 393108ab authored by Nils Windisch's avatar Nils Windisch
Browse files

UPDATE header stuff to be responsive

parent 0bc4fc93
Pipeline #131417 passed with stages
in 3 minutes and 22 seconds
<template>
<div class="row justify-center">
<h1 class="col-12 col-auto text-h5 text-bold text-uppercase">
<div class="">
<h1 class="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>
<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 class="bar row justify-center">
<Infobar v-if="manifests.length"
class="col-12 col-auto q-px-md"
:collection="collection"
:itemurl="itemurl"
:manifests="manifests"
/>
</div>
<div class="row justify-center q-px-md q-mb-md">
<div class="bar row q-px-md justify-sm-between">
<Navbar
class="col col-md-4"
class="col col-xs-12 col-md-4 row justify-xs-center justify-md-start q-mb-md"
:itemurls="itemurls"
:manifests="manifests"
/>
<Togglebar
class="col col-md-8"
class="
col
column-xs
col-xs-12
col-md-auto
row-sm
justify-sm-evenly
content-sm-center"
:status="status"
/>
</div>
......@@ -47,7 +54,7 @@ export default {
</script>
<style scoped>
div {
.bar {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
......
<template>
<div>
<q-btn outline
<q-btn
outline
class="q-mb-md"
v-for="(name, idx) in panels"
:aria-selected="toggleAria(idx)"
:key="idx"
......@@ -13,11 +15,12 @@
<q-btn
flat
class="q-mb-md"
no-caps
title="Reset Tabs"
@click="resetPanelStatus"
>
<q-iconc class="q-pr-xs" size="16px" :name="fasUndo" />
<q-icon class="q-pr-xs" size="16px" :name="fasUndo" />
{{ 'Reset Tabs' | capitalize }}
</q-btn>
</div>
......
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