choose login image on pageload

This commit is contained in:
itsrubberduck
2025-09-20 23:44:31 +02:00
parent c97380cd85
commit 898348a686
2 changed files with 4 additions and 3 deletions

View File

@@ -16,7 +16,7 @@
class="mx-auto flex h-full w-full max-w-6xl flex-1 flex-col overflow-hidden px-5 py-8 sm:px-8 lg:flex-row lg:items-stretch lg:py-12 lg:pl-0 min-h-0">
<div
class="relative hidden h-full min-h-0 overflow-hidden rounded-3xl border border-white/10 bg-white/5 shadow-2xl lg:flex lg:w-[48%]">
<img :src="'/img/login/img' + (Math.ceil(Math.random() * 3)) + '.jpeg'" alt="Guiding lights on a runway"
<img :src="img" alt="Guiding lights on a runway"
class="absolute inset-0 h-full w-full object-cover"/>
<div class="absolute inset-0 bg-gradient-to-t from-[#050816]/95 via-[#050816]/40 to-transparent"/>
<div class="relative z-10 flex h-full flex-col justify-between p-10">
@@ -365,6 +365,8 @@ async function submitLogin() {
}
}
const img = '/img/login/img' + (Math.ceil(Math.random() * 3)) + '.jpeg'
async function checkInvitationCode() {
if (!registerForm.invitationCode) {
invitationStatus.value = 'unknown'

View File

@@ -5,7 +5,7 @@
<p class="text-xs uppercase tracking-[0.3em] text-cyan-300/80">OpenSquawk</p>
<h1 class="text-3xl font-semibold">Du wirst abgemeldet</h1>
<p class="text-sm text-white/70">
Wir melden dich vom Alpha-Dienst ab und leiten dich gleich weiter.
Wir melden dich ab und leiten dich gleich weiter.
</p>
</div>
<v-progress-circular indeterminate size="40" width="3" color="cyan" />
@@ -17,7 +17,6 @@
<script setup lang="ts">
import { onMounted } from 'vue'
import { useRouter } from 'vue-router'
import { useHead } from '#imports'
import { useAuthStore } from '~/stores/auth'
const router = useRouter()