Commit d76ea5fb authored by christianrhansen's avatar christianrhansen

footer layout

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