mirror of
https://github.com/Drop-OSS/drop.git
synced 2026-06-22 04:11:32 +10:00
Paco
965cbff8ff
* Adds settings for server name and logo * Implements ApplicationLogo and replaces site name based on settings * Refactors component for changing the company logo * Removes unused variable * Uses message instead of statusMessage * Replaces favicon with logo if set
44 lines
1.3 KiB
Vue
44 lines
1.3 KiB
Vue
<template>
|
|
<main class="mx-auto w-full max-w-7xl px-6 pt-10 pb-16 sm:pb-24 lg:px-8">
|
|
<ApplicationLogo class="mx-auto h-10 w-auto sm:h-12" />
|
|
<div class="mx-auto mt-20 max-w-md text-center sm:mt-24">
|
|
<h1
|
|
class="mt-4 text-3xl font-semibold tracking-tight text-balance text-white sm:text-4xl"
|
|
>
|
|
{{ $t("auth.2fa.title") }}
|
|
</h1>
|
|
<p class="mt-6 text-sm font-medium text-pretty text-zinc-400 sm:text-md">
|
|
{{ $t("auth.2fa.description") }}
|
|
</p>
|
|
</div>
|
|
<div class="mx-auto mt-16 flow-root max-w-lg sm:mt-20">
|
|
<NuxtPage />
|
|
<div v-if="route.path !== '/auth/mfa'" class="mt-10 flex justify-center">
|
|
<NuxtLink
|
|
:href="{ path: '/auth/mfa', query: route.query }"
|
|
class="text-sm/6 font-semibold text-blue-400"
|
|
><i18n-t keypath="auth.2fa.backToOptions" tag="span" scope="global">
|
|
<template #arrow>
|
|
<span aria-hidden="true">{{ $t("chars.arrowBack") }}</span>
|
|
</template>
|
|
</i18n-t></NuxtLink
|
|
>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const route = useRoute();
|
|
|
|
definePageMeta({
|
|
layout: false,
|
|
});
|
|
|
|
useHead({
|
|
titleTemplate(title) {
|
|
return title ? `${title} - Drop` : "Two-factor authentication - Drop";
|
|
},
|
|
});
|
|
</script>
|