stream/stream.ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add CheckIcon component and update routes, auth store, and various UI improvements

Browse Source
This commit is contained in:
lethdat
2026-01-05 01:06:17 +07:00
parent aa9df98926
commit 22af8c4f2b
12 changed files with 155 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/routes/auth/layout.vue
View File

@@ -1,15 +1,18 @@
<template>
<div class="w-full max-w-md bg-white p-8 rounded-xl border border-primary m-auto">
<div class="w-full max-w-md bg-white p-8 rounded-xl border border-primary m-auto overflow-hidden">
<div class="text-center mb-8">
<div class="inline-flex items-center justify-center w-12 h-12 mb-4">
<router-link to="/" class="inline-flex items-center justify-center w-12 h-12 mb-4">
<img class="w-12 h-12" src="/apple-touch-icon.png" alt="Logo" />
</div>
</router-link>
<h2 class="text-2xl font-bold text-gray-900">
{{ content[route.name as keyof typeof content]?.title || '' }}
</h2>
<p class="text-gray-500 text-sm mt-1">
{{ content[route.name as keyof typeof content]?.subtitle || '' }}
</p>
<vue-head :input="{
title: content[route.name as keyof typeof content]?.headTitle || 'Authentication'
}" />
</div>
<router-view />
</div>
@@ -20,16 +23,19 @@ import { useRoute } from 'vue-router';
const route = useRoute();
const content = {
login: {
headTitle: "Login to your account",
title: 'Welcome back',
subtitle: 'Please enter your details to sign in.'
},
signup: {
headTitle: "Create your account",
title: 'Create your account',
subtitle: 'Please fill in the information to create your account.'
},
forgot: {
title: 'Forgot your password?',
subtitle: "Enter your email address and we'll send you a link to reset your password."
subtitle: "Enter your email address and we'll send you a link to reset your password.",
headTitle: "Reset your password"
}
}
</script>