Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2024-11-27 21:50:24 +00:00
Code Issues Projects Releases Packages Wiki Activity

Isolate authorizing page

Browse source
This commit is contained in:
Roman Cervantes 2019-11-22 12:07:32 -07:00
parent 4d46a44f0a
commit 2bda2b1cbd
2 changed files with 35 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
src/App.vue
View file

@ -6,24 +6,15 @@
:dir="dir"
>
<nav-header />
<router-view v-if="user" />
<div
v-else
class="auth"
>
<img src="/static/gamebrary-logo.png" >
<i class="fas fa-sync-alt fa-2x fast-spin" />
<h3>Authorizing</h3>
</div>
<router-view v-if="!user" />
<authorizing v-else />
<toast />
</div>
</template>
<script>
import NavHeader from '@/components/NavHeader';
import Authorizing from '@/pages/Authorizing';
import Toast from '@/components/Toast';
import firebase from 'firebase/app';
import { mapState } from 'vuex';
@ -48,6 +39,7 @@ export default {
components: {
NavHeader,
Authorizing,
Toast,
},
@ -329,24 +321,4 @@ export default {
background: var(--body-background);
background-size: cover;
}
.auth {
background: var(--body-background);
height: 100vh;
position: fixed;
top: 0;
width: 100vw;
display: flex;
align-items: center;
flex-direction: column;
img {
width: 100px;
margin-top: 100px;
}
i {
margin: $gp;
}
}
</style>

31
src/pages/Authorizing.vue Normal file
View file

@ -0,0 +1,31 @@
<template lang="html">
<div class="authorizing">
<img src="/static/gamebrary-logo.png" >
<i class="fas fa-sync-alt fa-2x fast-spin" />
<h3>Authorizing</h3>
</div>
</template>
<style lang="scss" rel="stylesheet/scss" scoped>
@import "~styles/styles";
.authorizing {
background: var(--body-background);
height: 100vh;
position: fixed;
top: 0;
width: 100vw;
display: flex;
align-items: center;
flex-direction: column;
img {
width: 100px;
margin-top: 100px;
}
i {
margin: $gp;
}
}
</style>