@@ -3,6 +3,7 @@ import DiscordAuthButton from "../components/auth/DiscordAuthButton.vue";
33import {isUserLoggedIn , User } from " ../stores/user.js" ;
44import {onMounted , ref } from " vue" ;
55import {internalRedirect , reload } from " ../helpers/redirect.js" ;
6+ import MainWithFooter from " ../components/MainWithFooter.vue" ;
67
78function setPrePath () {
89 let lastPath = localStorage .getItem (' lastPath' );
@@ -29,19 +30,20 @@ if (isUserLoggedIn(user.value)) {
2930 </script >
3031
3132<template >
32- <div class =" hero bg-base-200 min-h-screen" >
33- <div class =" hero-content flex-col lg:flex-col" >
34- <div class =" card bg-base-100 w-full max-w-sm shrink-0 shadow-2xl" >
35- <div class =" card-body" >
36- <h2 class =" card-title" >
37- Login to Koala
38- </h2 >
39- <DiscordAuthButton longText =" true" :user =" user" @logout =" reload" ></DiscordAuthButton >
33+ <MainWithFooter >
34+ <div class =" flex justify-center w-full lg:mt-20" >
35+ <div class =" card lg:card-side w-auto bg-base-100 shadow-xl" >
36+ <div class =" card-body flex flex-col justify-items-center" >
37+ <h1 class =" card-title text-xl font-bold self-center" >Login to Koala</h1 >
38+ <p >By logging in, you agree to our
39+ <a href =" https://legal.koalabot.uk" class =" link" >Privacy Policy</a >
40+ </p >
41+ <DiscordAuthButton longText =" true" :user =" user" @logout =" reload" ></DiscordAuthButton >
4042 <a class =" btn btn-neutral btn-soft btn-sm" href =" /" >Back</a >
4143 </div >
42- </div >
43- </div >
4444 </div >
45+ </div >
46+ </MainWithFooter >
4547</template >
4648
4749<style scoped>
0 commit comments