Commit d76ea5fb authored by christianrhansen's avatar christianrhansen

footer layout

parent 4411feec
<template lang="pug">
.q-px-md.q-mt-sm
.row.gutter-sm.q-pb-md
.q-px-md.q-py-lg
// links
.col-4.col-md-2
.border-top.q-pt-sm
q-list.q-py-none
q-item.q-pa-none.q-mb-xs(v-for="l in links")
a.q-caption.cursor-pointer(@click="l.click") {{ l.label }}
// links
div
a.q-mr-md.q-caption.cursor-pointer(v-for="l in links", @click="l.click") {{ l.label }}
.col-8.col-md-10
.row.gutter-sm
// copyright etc.
.col-12.col-md-6
.border-top.q-pt-sm
.q-caption {{ $t('site.copyright') }}
.row.items-end
.q-caption(v-if="version")
| {{ $t('site.version') }}:&nbsp;
a.cursor-pointer(@click="openURL('https://gitlab.rlp.net/motionbank/applications/systems-frontend/blob/master/CHANGELOG.md')")
| v{{ version }}{{ isStaging ? `-staging` : '' }}
// left side
.col-6
// copyright
.q-caption {{ $t('site.copyright') }}
.q-caption
| {{ $t('site.license') }}:&nbsp;
a.cursor-pointer(@click="openURL('https://gitlab.rlp.net/motionbank/systems-frontend/blob/master/LICENSE')") MIT
// version
.q-caption(v-if="version")
| {{ $t('site.version') }}:&nbsp;
a.cursor-pointer(@click="openURL('https://gitlab.rlp.net/motionbank/applications/systems-frontend/blob/master/CHANGELOG.md')")
| v{{ version }}{{ isStaging ? `-staging` : '' }}
// Auth0 logo
.col-12.col-md-6
<!--.border-top.q-pt-sm(:class="{'text-right' : !isMobile}")-->
.border-top.q-pt-sm(:class="{'text-right' : !isMobile}")
a(@click="openURL('https://auth0.com/?utm_source=oss&utm_medium=gp&utm_campaign=oss')")
img(src="https://cdn.auth0.com/oss/badges/a0-badge-dark.png", style="height: 50px;")
// license
.q-caption
| {{ $t('site.license') }}:&nbsp;
a.cursor-pointer(@click="openURL('https://gitlab.rlp.net/motionbank/systems-frontend/blob/master/LICENSE')") MIT
// right side
.col-6.text-right
// auth0 logo
a(@click="openURL('https://auth0.com/?utm_source=oss&utm_medium=gp&utm_campaign=oss')")
img(src="https://cdn.auth0.com/oss/badges/a0-badge-dark.png", style="height: 50px;")
</template>
......@@ -74,11 +72,5 @@
</script>
<style lang="stylus" scoped>
@import '~variables'
.border-top
// border-top 1px solid $darker
.q-item
min-height auto!important
@import '~variables'
</style>
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