feat(style): add spinner on OidcCallback view + rearrange css

src/App.vue

@@ -2,17 +2,9 @@
   <router-view />
 </template>
 
-<style lang="scss">
-@import '~@bimdata/design-system/dist/scss/utilities/spacing.scss';
-@import '~@bimdata/design-system/dist/scss/utilities/text.scss';
-
+<style>
 body {
   margin: 0;
   padding: 0;
-  min-width: 100vw;
-  min-height: 100vh;
-  background-color: $color-tertiary-lightest;
-  font-family: $primary-font;
-  font-size: $font-size;
 }
 </style>

src/Layout.scss

@@ -0,0 +1,7 @@
+#layout {
+  min-width: 100vw;
+  min-height: 100vh;
+  background-color: $color-tertiary-lightest;
+  font-family: $primary-font;
+  font-size: $font-size;
+}

src/Layout.vue

@@ -15,3 +15,5 @@ export default {
   }
 }
 </script>
+
+<style scoped lang="scss" src="./Layout.scss"></style>

src/components/platform-header/PlatformHeader.vue

@@ -21,6 +21,4 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
-@import './PlatformHeader.scss';
-</style>
+<style scoped lang="scss" src="./PlatformHeader.scss"></style>

src/components/user-menu/UserMenu.vue

@@ -50,6 +50,4 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
-@import './UserMenu.scss';
-</style>
+<style scoped lang="scss" src="./UserMenu.scss"></style>

src/views/oidc-callback/OidcCallback.scss

@@ -0,0 +1,7 @@
+.oidc-callback-view {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}

src/views/oidc-callback/OidcCallback.vue

@@ -1,24 +1,31 @@
 <template>
   <div class="oidc-callback-view">
-    OIDC Callback view
+    <BIMDataBigSpinner style="transform: translateX(130px);"></BIMDataBigSpinner>
   </div>
 </template>
 
 <script>
 import { onMounted } from 'vue';
 import { useRouter } from 'vue-router';
 import { useGlobalState } from '@/state/globalState';
+// Components
+import BIMDataBigSpinner from '@bimdata/design-system/dist/js/BIMDataComponents/vue3/BIMDataBigSpinner.js';
 
 export default {
+  components: {
+    BIMDataBigSpinner
+  },
   setup() {
     const router = useRouter();
     const { signInCallback } = useGlobalState();
 
     onMounted(() => {
-      signInCallback().then(result => {
-        router.push({ path: result.state ? result.state : '/' });
-      });
+      signInCallback().then(
+        result => router.push({ path: result.state ? result.state : '/' })
+      );
     });
   }
 }
 </script>
+
+<style scoped lang="scss" src="./OidcCallback.scss"></style>

src/views/spaces/Spaces.vue

@@ -32,6 +32,4 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
-@import './Spaces.scss';
-</style>
+<style scoped lang="scss" src="./Spaces.scss"></style>