123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- <script setup lang="ts">
- /* Define properties. */
- // https://vuejs.org/guide/components/props.html#props-declaration
- const props = defineProps({
- data: {
- type: [Object],
- },
- })
- // onMounted(() => {
- // console.log('Mounted!')
- // // Now it's safe to perform setup operations.
- // })
- // onBeforeUnmount(() => {
- // console.log('Before Unmount!')
- // // Now is the time to perform all cleanup operations.
- // })
- </script>
- <template>
- <footer>
- <div class="mx-auto max-w-3xl flex flex-col px-4 sm:px-6 lg:max-w-7xl lg:px-8 gap-4">
- <div class="border-t border-gray-200 pt-8 text-center text-sm text-gray-400 sm:text-left">
- <div class="flex flex-col lg:flex-row justify-between">
- <div>
- <span class="px-1 block sm:inline">© 2020-2024 The Hush DAO</span>
- <span class="hidden lg:inline">—</span>
- <span class="px-1 block sm:inline">All rights reserved.</span>
- </div>
- <div>
- <NuxtLink to="/help" class="hover:text-sky-500">
- need help?
- </NuxtLink>
- |
- <NuxtLink to="/legal" class="hover:text-sky-500">
- legal
- </NuxtLink>
- |
- <NuxtLink to="/sponsors" class="hover:text-sky-500">
- sponsors 💗
- </NuxtLink>
- </div>
- </div>
- </div>
- <div class="flex mb-5 justify-end">
- <NuxtLink to="https://runonflux.io" target="_blank">
- <img src="~/assets/running-on-flux-blue.png" class="h-10 border border-gray-300 rounded-lg hover:border-sky-300" />
- </NuxtLink>
- </div>
- </div>
- </footer>
- </template>
|