You've already forked AstralRinth
forked from didirus/AstralRinth
2aabcf36ee
* refactor: migrate to common eslint+prettier configs * fix: prettier frontend * feat: config changes * fix: lint issues * fix: lint * fix: type imports * fix: cyclical import issue * fix: lockfile * fix: missing dep * fix: switch to tabs * fix: continue switch to tabs * fix: rustfmt parity * fix: moderation lint issue * fix: lint issues * fix: ui intl * fix: lint issues * Revert "fix: rustfmt parity" This reverts commit cb99d2376c321d813d4b7fc7e2a213bb30a54711. * feat: revert last rs
76 lines
1.9 KiB
Vue
76 lines
1.9 KiB
Vue
<template>
|
|
<div class="normal-page">
|
|
<div class="normal-page__sidebar">
|
|
<aside class="universal-card">
|
|
<h1>Legal</h1>
|
|
<NavStack>
|
|
<NavStackItem link="/legal/terms" label="Terms of Use">
|
|
<HeartHandshakeIcon aria-hidden="true" />
|
|
</NavStackItem>
|
|
<NavStackItem link="/legal/rules" label="Content Rules">
|
|
<ScaleIcon aria-hidden="true" />
|
|
</NavStackItem>
|
|
<NavStackItem link="/legal/copyright" label="Copyright Policy">
|
|
<CopyrightIcon aria-hidden="true" />
|
|
</NavStackItem>
|
|
<NavStackItem link="/legal/security" label="Security Notice">
|
|
<ShieldIcon aria-hidden="true" />
|
|
</NavStackItem>
|
|
|
|
<h3>Privacy</h3>
|
|
<NavStackItem link="/legal/privacy" label="Privacy Policy">
|
|
<LockIcon aria-hidden="true" />
|
|
</NavStackItem>
|
|
<NavStackItem link="/legal/ccpa" label="California Privacy Notice">
|
|
<InfoIcon aria-hidden="true" />
|
|
</NavStackItem>
|
|
|
|
<h3>Rewards Program</h3>
|
|
<NavStackItem link="/legal/cmp" label="Rewards Program Terms">
|
|
<CurrencyIcon aria-hidden="true" />
|
|
</NavStackItem>
|
|
<NavStackItem link="/legal/cmp-info" label="Rewards Program Info">
|
|
<InfoIcon aria-hidden="true" />
|
|
</NavStackItem>
|
|
</NavStack>
|
|
</aside>
|
|
</div>
|
|
<div class="normal-page__content">
|
|
<NuxtPage class="universal-card" :route="route" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import {
|
|
CopyrightIcon,
|
|
CurrencyIcon,
|
|
HeartHandshakeIcon,
|
|
InfoIcon,
|
|
LockIcon,
|
|
ScaleIcon,
|
|
ShieldIcon,
|
|
} from '@modrinth/assets'
|
|
|
|
import NavStack from '~/components/ui/NavStack.vue'
|
|
import NavStackItem from '~/components/ui/NavStackItem.vue'
|
|
|
|
const route = useNativeRoute()
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.normal-page__content :deep(a) {
|
|
color: var(--color-link);
|
|
text-decoration: underline;
|
|
|
|
&:focus-visible,
|
|
&:hover {
|
|
color: var(--color-link-hover);
|
|
}
|
|
|
|
&:active {
|
|
color: var(--color-link-active);
|
|
}
|
|
}
|
|
</style>
|