diff options
Diffstat (limited to 'src/site/pages/index.vue')
| -rw-r--r-- | src/site/pages/index.vue | 23 |
1 files changed, 14 insertions, 9 deletions
diff --git a/src/site/pages/index.vue b/src/site/pages/index.vue index 0617098..8193b88 100644 --- a/src/site/pages/index.vue +++ b/src/site/pages/index.vue @@ -1,5 +1,5 @@ <template> - <div> + <div class="section"> <div class="container"> <div class="columns"> <div class="column is-3 is-offset-2"> @@ -11,15 +11,18 @@ <div class="content-wrapper"> <h4>Blazing fast file uploader. <br>For real.</h4> <p> + <!-- eslint-disable-next-line max-len --> A <strong>modern</strong> and <strong>self-hosted</strong> file upload service that can handle anything you throw at it. Fast uploads, file manager and sharing capabilities all crafted with a beautiful user experience in mind. </p> </div> </div> </div> </div> - <div class="container"> + <div class="container uploader"> <Uploader v-if="config.publicMode || (!config.publicMode && loggedIn)" /> - <div v-else> + <div + v-else + class="has-text-centered is-size-4 has-text-danger"> This site has disabled public uploads. You need an account. </div> <Links /> @@ -27,6 +30,8 @@ </div> </template> <script> +import { mapState, mapGetters } from 'vuex'; + import Logo from '~/components/logo/Logo.vue'; import Uploader from '~/components/uploader/Uploader.vue'; import Links from '~/components/home/links/Links.vue'; @@ -42,12 +47,8 @@ export default { return { albums: [] }; }, computed: { - loggedIn() { - return this.$store.state.loggedIn; - }, - config() { - return this.$store.state.config; - } + ...mapGetters({ loggedIn: 'auth/isLoggedIn' }), + ...mapState(['config']) } }; </script> @@ -79,4 +80,8 @@ export default { } } } + + .uploader { + margin-top: 2rem; + } </style> |