Capital/components/FooterLinks.vue

34 lines
906 B
Vue
Raw Normal View History

2024-09-22 12:15:32 +00:00
<template>
<div class="text-xs text-grey sidebar-footer transition-opacity duration-500">
<div class="flex footer-links flex-wrap">
<nuxt-link to="/terms/privacy-policy" class="hover:underline">Privacy Policy</nuxt-link>
<nuxt-link to="/terms/user-agreement" class="hover:underline">Term of Service</nuxt-link>
</div>
2024-09-25 05:06:37 +00:00
<div class="flex footer-links flex-wrap">
<nuxt-link to="https://status.solsynth.dev" target="_blank" class="hover:underline">Status of Service</nuxt-link>
</div>
2024-09-22 12:15:32 +00:00
</div>
</template>
<style scoped>
.sidebar-footer {
opacity: 0.3;
}
.sidebar-footer:hover {
opacity: 1;
}
.footer-links *:not(:last-child):after {
content: "·";
font-family: monospace;
font-weight: bold;
text-align: center;
margin-left: 4px;
margin-right: 4px;
text-decoration: none !important;
display: inline-block;
}
</style>
2024-09-25 05:06:37 +00:00
<script setup lang="ts">
</script>