diff options
Diffstat (limited to 'src/site')
| -rw-r--r-- | src/site/assets/styles/style.scss | 10 | ||||
| -rw-r--r-- | src/site/components/grid/Grid.vue | 5 | ||||
| -rw-r--r-- | src/site/components/navbar/Navbar.vue | 27 | ||||
| -rw-r--r-- | src/site/pages/dashboard/account.vue | 23 | ||||
| -rw-r--r-- | src/site/pages/dashboard/albums/_id.vue | 7 | ||||
| -rw-r--r-- | src/site/pages/dashboard/albums/index.vue | 11 | ||||
| -rw-r--r-- | src/site/pages/dashboard/index.vue | 13 | ||||
| -rw-r--r-- | src/site/pages/dashboard/settings.vue | 28 | ||||
| -rw-r--r-- | src/site/pages/dashboard/tags/index.vue | 11 | ||||
| -rw-r--r-- | src/site/pages/dashboard/users.vue | 11 |
10 files changed, 17 insertions, 129 deletions
diff --git a/src/site/assets/styles/style.scss b/src/site/assets/styles/style.scss index f73fb96..6486878 100644 --- a/src/site/assets/styles/style.scss +++ b/src/site/assets/styles/style.scss @@ -83,6 +83,16 @@ div#drag-overlay { } } + +section.hero { + &.dashboard { + // background-color: $backgroundLight1 !important; + div.hero-body { + align-items: baseline; + } + } +} + section input, section a.button { font-size: 14px !important; } diff --git a/src/site/components/grid/Grid.vue b/src/site/components/grid/Grid.vue index 5f98b9d..19acde9 100644 --- a/src/site/components/grid/Grid.vue +++ b/src/site/components/grid/Grid.vue @@ -172,11 +172,6 @@ export default { searchTerm: null }; }, - computed: { - config() { - return this.$store.state.config; - } - }, mounted() { this.$search.items(this.files); }, diff --git a/src/site/components/navbar/Navbar.vue b/src/site/components/navbar/Navbar.vue index 403d7c9..78eb650 100644 --- a/src/site/components/navbar/Navbar.vue +++ b/src/site/components/navbar/Navbar.vue @@ -50,30 +50,6 @@ <i class="icon-ecommerce-safebox" /> {{ config.serviceName }} </router-link> - <!-- - <template v-if="loggedIn"> - <router-link - to="/dashboard/uploads" - class="navbar-item no-active" - exact><i class="hidden"/>Uploads</router-link> - - <router-link - to="/dashboard/albums" - class="navbar-item no-active" - exact><i class="hidden"/>Albums</router-link> - - <router-link - to="/dashboard/tags" - class="navbar-item no-active" - exact><i class="hidden"/>Tags</router-link> - - <router-link - to="/dashboard/settings" - class="navbar-item no-active" - exact><i class="hidden"/>Settings</router-link> - </template> - --> - <div class="spacer" /> <template v-if="loggedIn"> @@ -126,9 +102,6 @@ export default { loggedIn() { return this.$store.state.loggedIn; }, - user() { - return this.$store.state.user; - }, config() { return this.$store.state.config; } diff --git a/src/site/pages/dashboard/account.vue b/src/site/pages/dashboard/account.vue index 8955844..6ecc885 100644 --- a/src/site/pages/dashboard/account.vue +++ b/src/site/pages/dashboard/account.vue @@ -1,21 +1,5 @@ -<style lang="scss" scoped> - @import '~/assets/styles/_colors.scss'; - section { background-color: $backgroundLight1 !important; } - section.hero div.hero-body { - align-items: baseline; - } - div.search-container { - display: flex; - justify-content: center; - } -</style> -<style lang="scss"> - @import '~/assets/styles/_colors.scss'; -</style> - - <template> - <section class="hero is-fullheight"> + <section class="hero is-fullheight dashboard"> <div class="hero-body"> <div class="container"> <div class="columns"> @@ -95,11 +79,6 @@ export default { user: {} }; }, - computed: { - config() { - return this.$store.state.config; - } - }, metaInfo() { return { title: 'Account' }; }, diff --git a/src/site/pages/dashboard/albums/_id.vue b/src/site/pages/dashboard/albums/_id.vue index 964a416..c2f6a18 100644 --- a/src/site/pages/dashboard/albums/_id.vue +++ b/src/site/pages/dashboard/albums/_id.vue @@ -9,7 +9,7 @@ </style> <template> - <section class="hero is-fullheight"> + <section class="hero is-fullheight dashboard"> <div class="hero-body"> <div class="container"> <div class="columns"> @@ -71,11 +71,6 @@ export default { showingModalForFile: null }; }, - computed: { - config() { - return this.$store.state.config; - } - }, metaInfo() { return { title: 'Album' }; }, diff --git a/src/site/pages/dashboard/albums/index.vue b/src/site/pages/dashboard/albums/index.vue index 123f1cd..9333ffa 100644 --- a/src/site/pages/dashboard/albums/index.vue +++ b/src/site/pages/dashboard/albums/index.vue @@ -1,14 +1,5 @@ <style lang="scss" scoped> @import '~/assets/styles/_colors.scss'; - section { background-color: $backgroundLight1 !important; } - section.hero div.hero-body { - align-items: baseline; - } - div.search-container { - display: flex; - justify-content: center; - } - div.view-container { padding: 2rem; } @@ -130,7 +121,7 @@ <template> - <section class="hero is-fullheight"> + <section class="hero is-fullheight dashboard"> <div class="hero-body"> <div class="container"> <div class="columns"> diff --git a/src/site/pages/dashboard/index.vue b/src/site/pages/dashboard/index.vue index 3f9e8e0..9419fa1 100644 --- a/src/site/pages/dashboard/index.vue +++ b/src/site/pages/dashboard/index.vue @@ -1,15 +1,9 @@ <style lang="scss" scoped> - @import '~/assets/styles/_colors.scss'; - section { background-color: $backgroundLight1 !important; } - section.hero div.hero-body { - align-items: baseline; - } - .albumsModal .columns .column { padding: .25rem; } </style> <template> - <section class="hero is-fullheight"> + <section class="hero is-fullheight dashboard"> <div class="hero-body"> <div class="container"> <div class="columns"> @@ -71,11 +65,6 @@ export default { showingModalForFile: null }; }, - computed: { - config() { - return this.$store.state.config; - } - }, metaInfo() { return { title: 'Uploads' }; }, diff --git a/src/site/pages/dashboard/settings.vue b/src/site/pages/dashboard/settings.vue index 1b9adcb..35a23e8 100644 --- a/src/site/pages/dashboard/settings.vue +++ b/src/site/pages/dashboard/settings.vue @@ -1,21 +1,5 @@ -<style lang="scss" scoped> - @import '~/assets/styles/_colors.scss'; - section { background-color: $backgroundLight1 !important; } - section.hero div.hero-body { - align-items: baseline; - } - div.search-container { - display: flex; - justify-content: center; - } -</style> -<style lang="scss"> - @import '~/assets/styles/_colors.scss'; -</style> - - <template> - <section class="hero is-fullheight"> + <section class="hero is-fullheight dashboard"> <div class="hero-body"> <div class="container"> <div class="columns"> @@ -25,11 +9,6 @@ <div class="column"> <h2 class="subtitle">Service settings</h2> <hr> - <!-- - <h1 class="title">Uploads</h1> - <h2 class="subtitle">Keep track of all your uploads in here</h2> - <hr> - --> <b-field label="Service name" message="Please enter the name which this service is gonna be identified as" @@ -130,11 +109,6 @@ export default { options: {} }; }, - computed: { - config() { - return this.$store.state.config; - } - }, metaInfo() { return { title: 'Settings' }; }, diff --git a/src/site/pages/dashboard/tags/index.vue b/src/site/pages/dashboard/tags/index.vue index 7dd917b..bc9ae57 100644 --- a/src/site/pages/dashboard/tags/index.vue +++ b/src/site/pages/dashboard/tags/index.vue @@ -1,14 +1,5 @@ <style lang="scss" scoped> @import '~/assets/styles/_colors.scss'; - section { background-color: $backgroundLight1 !important; } - section.hero div.hero-body { - align-items: baseline; - } - div.search-container { - display: flex; - justify-content: center; - } - div.view-container { padding: 2rem; } @@ -130,7 +121,7 @@ <template> - <section class="hero is-fullheight"> + <section class="hero is-fullheight dashboard"> <div class="hero-body"> <div class="container"> <div class="columns"> diff --git a/src/site/pages/dashboard/users.vue b/src/site/pages/dashboard/users.vue index ff80ea1..66ccebe 100644 --- a/src/site/pages/dashboard/users.vue +++ b/src/site/pages/dashboard/users.vue @@ -1,14 +1,5 @@ <style lang="scss" scoped> @import '~/assets/styles/_colors.scss'; - section { background-color: $backgroundLight1 !important; } - section.hero div.hero-body { - align-items: baseline; - } - div.search-container { - display: flex; - justify-content: center; - } - div.view-container { padding: 2rem; } @@ -130,7 +121,7 @@ <template> - <section class="hero is-fullheight"> + <section class="hero is-fullheight dashboard"> <div class="hero-body"> <div class="container"> <div class="columns"> |