adjust home page styles

This commit is contained in:
RockYang 2023-09-07 15:12:43 +08:00
parent f943669e18
commit 6c31a2bfa6

View File

@ -1,14 +1,16 @@
<template> <template>
<h1>{{ title }}</h1> <div class="home">
<div class="inner">
<h1>HI <br/> ChatGPT-PLUS</h1>
</div>
</div>
</template> </template>
<script setup> <script setup>
import {ref} from "vue"
import {useRouter} from "vue-router"; import {useRouter} from "vue-router";
import {checkSession} from "@/action/session"; import {checkSession} from "@/action/session";
import {isMobile} from "@/utils/libs"; import {isMobile} from "@/utils/libs";
const title = ref("HI, ChatGPT PLUS!");
const router = useRouter(); const router = useRouter();
checkSession().then(() => { checkSession().then(() => {
if (isMobile()) { if (isMobile()) {
@ -21,3 +23,29 @@ checkSession().then(() => {
}) })
</script> </script>
<style lang="stylus" scoped>
.home {
display: flex;
justify-content: center;
background-color: #282c34;
height 100vh
.inner {
text-align center
display flex
justify-content center
max-width 400px
align-items center
h1 {
color: #202020;
font-size: 55px;
line-height 1.5
font-weight: bold;
text-shadow: -1px -1px 1px #111111, 2px 2px 1px #363636;
}
}
}
</style>