opnform/client/components/pages/OpenFormFooter.vue

65 lines
2.2 KiB
Vue
Raw Normal View History

2023-12-09 14:47:03 +00:00
<template>
<div class="w-full">
<div class="grid md:grid-cols-3 my-8">
<div class="flex mt-2 items-center">
2023-12-09 14:47:03 +00:00
<p class="text-sm text-gray-600 dark:text-gray-400 text-center w-full">
© Copyright {{ currYear }}. All Rights Reserved
</p>
</div>
<div class="flex justify-center mt-5 md:mt-0">
2024-01-16 18:34:03 +00:00
<router-link :to="{ name: user ? 'home' : 'index' }" class="flex-shrink-0 font-semibold flex items-center">
<img src="/img/logo.svg" alt="notion tools logo" class="w-10 h-10">
2023-12-09 14:47:03 +00:00
<span class="ml-2 text-xl text-black dark:text-white">
2024-01-16 18:34:03 +00:00
OpnForm
2023-12-09 14:47:03 +00:00
</span>
</router-link>
</div>
<div class="flex justify-center mt-5 md:mt-0">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-x-4 gap-y-2">
2024-02-03 16:41:52 +00:00
<router-link :to="{name:'privacy-policy'}"
class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
Privacy Policy
</router-link>
<router-link :to="{name:'terms-conditions'}"
class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
Terms & Conditions
</router-link>
<a :href="opnformConfig.links.feature_requests" target="_blank"
class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
Feature Requests
</a>
<a :href="opnformConfig.links.roadmap" target="_blank"
class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
Roadmap
</a>
2024-02-03 16:41:52 +00:00
<a :href="opnformConfig.links.discord" target="_blank"
class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
2024-02-03 16:41:52 +00:00
Discord
</a>
</div>
2023-12-09 14:47:03 +00:00
</div>
</div>
</div>
</template>
<script>
import { computed } from 'vue'
import opnformConfig from "~/opnform.config.js";
2023-12-09 14:47:03 +00:00
export default {
setup () {
const authStore = useAuthStore()
return {
user : computed(() => authStore.user),
opnformConfig
2023-12-09 14:47:03 +00:00
}
},
data: () => ({
currYear: new Date().getFullYear(),
}),
}
</script>