added token storage in a store, and improved layout on mobile
This commit is contained in:
31
src/App.vue
31
src/App.vue
@@ -1,10 +1,25 @@
|
||||
<script setup lang="ts">
|
||||
import { useAuthStore } from "./stores/auth";
|
||||
|
||||
const auth = useAuthStore();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<!-- You can later replace this with a real layout -->
|
||||
<router-view />
|
||||
<div id="page">
|
||||
<router-view />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
#page {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
padding: 2rem;
|
||||
box-sizing: border-box;
|
||||
background: var(--background);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 720px) {
|
||||
#page {
|
||||
padding: 0;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user