feat(frontend): 🧹🧹🧹

packages/frontend/src/app.js

@@ -63,7 +63,7 @@ Vue.use(VueApexCharts)
 
 Vue.component('Apexchart', VueApexCharts)
 
-import { formatNumber } from './formatNumber'
+import { formatNumber } from './plugins/formatNumber'
 // Filter to turn any number into a nice string like '10k', '5.5m'
 // Accepts 'max' parameter to set it's formatting while being animated
 Vue.filter('prettynum', formatNumber)

packages/frontend/src/cleanup/components/admin/ActivityCard.vue

@@ -15,7 +15,7 @@
 
 <script>
 import gql from 'graphql-tag'
-import { formatNumber } from '@/formatNumber.js'
+import { formatNumber } from '@/plugins/formatNumber.js'
 
 export default {
   name: 'ActivityCard',

packages/frontend/src/cleanup/components/common/Viewer.vue

@@ -92,18 +92,6 @@ export default {
   height: 100%;
 }
 
-.background-light {
-  background: #8e9eab;
-  background: -webkit-linear-gradient(to top right, #eeeeee, #c8e8ff);
-  background: linear-gradient(to top right, #ffffff, #c8e8ff);
-}
-
-.background-dark {
-  background: #141e30;
-  background: -webkit-linear-gradient(to top, #243b55, #141e30);
-  background: linear-gradient(to top, #243b55, #141e30);
-}
-
 #renderer {
   position: absolute;
   top: 0;

packages/frontend/src/cleanup/pages/auth/Auth.vue

@@ -1,8 +1,5 @@
 <template>
-  <v-app
-    id="speckle-auth"
-    :class="`${$vuetify.theme.dark ? 'background-dark' : 'background-light'}`"
-  >
+  <v-app :class="`${$vuetify.theme.dark ? 'background-dark' : 'background-light'}`">
     <v-container fill-height fluid>
       <v-row align="center" justify="center">
         <v-col v-if="showBlurb" cols="12" md="6" lg="6" xl="4" class="hidden-sm-and-down">
@@ -31,7 +28,6 @@ export default {
   },
   computed: {
     showBlurb() {
-      // return true
       return this.$route.name === 'Login' || this.$route.name === 'Register'
     }
   },
@@ -53,16 +49,3 @@ export default {
   }
 }
 </script>
-<style scoped>
-.background-light {
-  background: #8e9eab;
-  background: -webkit-linear-gradient(to top right, #eeeeee, #c8e8ff);
-  background: linear-gradient(to top right, #ffffff, #c8e8ff);
-}
-
-.background-dark {
-  background: #141e30;
-  background: -webkit-linear-gradient(to top left, #243b55, #141e30);
-  background: linear-gradient(to top left, #243b55, #141e30);
-}
-</style>

packages/frontend/src/cleanup/pages/auth/ResetPasswordRequest.vue

@@ -8,7 +8,9 @@
     </v-alert>
     <v-alert v-model="success" :icon="null" text>
       <v-row align="center">
-        <v-col class="grow">Done! We've sent you instructions on how to reset your password at {{ form.email }}.</v-col>
+        <v-col class="grow">
+          Done! We've sent you instructions on how to reset your password at {{ form.email }}.
+        </v-col>
       </v-row>
     </v-alert>
     <v-card-text v-if="!success" class="pb-7">

packages/frontend/src/cleanup/pages/common/Error.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-app id="speckle-auth">
+  <v-app :class="`${$vuetify.theme.dark ? 'background-dark' : 'background-light'}`">
     <v-container fill-height fluid>
       <v-row align="center" justify="center">
         <v-col cols="12" md="8">

packages/frontend/src/cleanup/pages/common/NotFound.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-app id="speckle-auth">
+  <v-app :class="`${$vuetify.theme.dark ? 'background-dark' : 'background-light'}`">
     <v-container fill-height fluid>
       <v-row align="center" justify="center">
         <v-col cols="12" md="8">

packages/frontend/src/cleanup/pages/onboarding/Onboarding.vue

@@ -13,7 +13,7 @@
   </v-app>
 </template>
 <script>
-import GettingStartedSteps from '../components/GettingStartedSteps.vue'
+import GettingStartedSteps from '@/cleanup/components/onboarding/GettingStartedSteps.vue'
 export default {
   components: { GettingStartedSteps }
 }

packages/frontend/src/cleanup/pages/stream/StreamHome.vue

@@ -92,7 +92,7 @@ export default {
     NoDataPlaceholder: () => import('@/cleanup/components/common/NoDataPlaceholder'),
     ListItemCommit: () => import('@/cleanup/components/stream/ListItemCommit'),
     PreviewImage: () => import('@/cleanup/components/common/PreviewImage'),
-    StreamActivity: () => import('@/views/stream/Activity')
+    StreamActivity: () => import('@/cleanup/components/stream/Activity')
   },
   data() {
     return {

packages/frontend/src/router/index.js

@@ -252,7 +252,7 @@ const routes = [
     meta: {
       title: 'Error | Speckle'
     },
-    component: () => import('@/views/Error.vue')
+    component: () => import('@/cleanup/pages/common/Error.vue')
   },
   {
     path: '/onboarding',
@@ -260,7 +260,7 @@ const routes = [
     meta: {
       title: 'Getting Started | Speckle'
     },
-    component: () => import('@/views/GettingStartedView.vue')
+    component: () => import('@/cleanup/pages/onboarding/Onboarding.vue')
   },
   {
     path: '*',
@@ -268,7 +268,7 @@ const routes = [
     meta: {
       title: 'Not Found | Speckle'
     },
-    component: () => import('@/views/NotFound.vue')
+    component: () => import('@/cleanup/pages/common/NotFound.vue')
   }
 ]
 

packages/frontend/src/sass/variables.scss

@@ -13,3 +13,16 @@ $primary-gradient: linear-gradient(0deg, $primary-darken 0%, $primary-base 40%);
   @include speckle-gradient-bg;
   -webkit-background-clip: text;
 }
+
+.background-light {
+  background: #8e9eab;
+  background: -webkit-linear-gradient(to top right, #eeeeee, #c8e8ff) !important;
+  background: linear-gradient(to top right, #ffffff, #c8e8ff) !important;
+}
+
+.background-dark {
+  background: #141e30;
+  background: -webkit-linear-gradient(to top left, #243b55, #141e30) !important;
+  background: linear-gradient(to top left, #243b55, #141e30) !important;
+}
+