mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-13 07:46:06 +00:00
b1c19d0c94
* - fixed nowrap for button - restyled bullets for slider - relocated back links - removed icons * - removed icon from RegistrationSlideEmail too * - added media query for padding * - fixed missing constants * - fixed padding in no-header layout * - fixed sticky footer in registration flow * - removed icons from inputs * - set fixed height for back link * - fixed invite code placeholder * - added auto submit to invite and email code forms - fixed layout password inputs - added layout to checkboxes (create) - removed unnecessary texts - moved backLink for password-reset - tidied up create layout * fixed margin * - fixed nonceLength * lint fixes * corrected path --------- Co-authored-by: Sebastian Stein <sebastian@codepassion.de> Co-authored-by: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
63 lines
1.3 KiB
Vue
63 lines
1.3 KiB
Vue
<template>
|
|
<div id="footer" class="ds-footer" :class="{ 'is-sticky': isSticky }">
|
|
<!-- links to internal or external pages -->
|
|
<span v-for="pageParams in links.FOOTER_LINK_LIST" :key="pageParams.name">
|
|
<page-params-link :pageParams="pageParams">
|
|
{{ $t(pageParams.internalPage.footerIdent) }}
|
|
</page-params-link>
|
|
<span class="division-space"> </span>
|
|
</span>
|
|
<!-- version -->
|
|
<a
|
|
href="https://github.com/Ocelot-Social-Community/Ocelot-Social/releases"
|
|
target="_blank"
|
|
data-test="version-link"
|
|
>
|
|
{{ version }}
|
|
</a>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import links from '~/constants/links.js'
|
|
import PageParamsLink from '~/components/_new/features/PageParamsLink/PageParamsLink.vue'
|
|
|
|
export default {
|
|
components: {
|
|
PageParamsLink,
|
|
},
|
|
props: {
|
|
isSticky: {
|
|
type: Boolean,
|
|
default: true,
|
|
},
|
|
},
|
|
data() {
|
|
return { links, version: `v${this.$env.VERSION}` }
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.ds-footer {
|
|
text-align: center;
|
|
z-index: 10;
|
|
background-color: $color-footer-background;
|
|
width: 100%;
|
|
padding: 10px 10px;
|
|
box-shadow: 0px -6px 12px -4px rgba(0, 0, 0, 0.1);
|
|
|
|
&.is-sticky {
|
|
position: fixed;
|
|
bottom: 0px;
|
|
}
|
|
}
|
|
.ds-footer a {
|
|
color: $color-footer-link;
|
|
}
|
|
.division-space {
|
|
margin-left: 0.4rem;
|
|
margin-right: 0.4rem;
|
|
}
|
|
</style>
|