55 lines
1.6 KiB
Vue
55 lines
1.6 KiB
Vue
<template>
|
|
<v-container class="wrapper pt-6 px-6">
|
|
<div class="content min-w-0">
|
|
<router-view />
|
|
</div>
|
|
|
|
<div class="aside-nav max-md:order-first">
|
|
<v-card prepend-icon="mdi-cog" title="Settings">
|
|
<v-list density="comfortable" class="overflow-auto">
|
|
<v-list-item title="Basis" prepend-icon="mdi-network" exact :to="{ name: 'settings' }" />
|
|
|
|
<v-divider class="border-[#000] my-2" />
|
|
|
|
<v-list-item title="Friends" prepend-icon="mdi-handshake" :to="{ name: 'settings.account.friends' }" />
|
|
|
|
<v-divider class="border-[#000] my-2" />
|
|
|
|
<v-list-item title="Personalize" prepend-icon="mdi-card-bulleted-outline" :to="{ name: 'settings.account.personalize' }" />
|
|
<v-list-item title="Personal Page" prepend-icon="mdi-sitemap" :to="{ name: 'settings.account.personal-page' }" />
|
|
<v-list-item title="Security" prepend-icon="mdi-security" :to="{ name: 'settings.account.security' }" />
|
|
|
|
<v-divider class="border-[#000] my-2" />
|
|
|
|
<v-list-item title="Solarpass" prepend-icon="mdi-passport-biometric" append-icon="mdi-launch" target="_blank" :href="passportUrl" />
|
|
</v-list>
|
|
</v-card>
|
|
</div>
|
|
</v-container>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { useWellKnown } from "@/stores/wellKnown"
|
|
import { computed } from "vue"
|
|
|
|
const meta = useWellKnown()
|
|
|
|
const passportUrl = computed(() => {
|
|
return meta.wellKnown?.components?.identity
|
|
})
|
|
</script>
|
|
|
|
<style scoped>
|
|
.wrapper {
|
|
display: grid;
|
|
grid-template-columns: 2fr 1fr;
|
|
|
|
gap: 0.75rem;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.wrapper {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
</style> |