diff --git a/package.json b/package.json index df617d152..9d65c4872 100644 --- a/package.json +++ b/package.json @@ -20,12 +20,12 @@ "dependencies": { "@github/hotkey": "2.0.0", "@kyvg/vue3-notification": "2.3.4", - "@sentry/tracing": "6.18.0", - "@sentry/vue": "6.18.0", + "@sentry/tracing": "6.19.2", + "@sentry/vue": "6.19.2", "@types/is-touch-device": "1.0.0", "@vue/compat": "3.2.31", - "@vueuse/core": "7.7.0", - "@vueuse/router": "7.7.0", + "@vueuse/core": "8.2.0", + "@vueuse/router": "8.2.0", "bulma-css-variables": "0.9.33", "camel-case": "4.1.2", "codemirror": "5.65.2", @@ -33,64 +33,64 @@ "date-fns": "2.28.0", "dompurify": "2.3.6", "easymde": "2.16.1", - "flatpickr": "4.6.9", + "flatpickr": "4.6.11", "flexsearch": "0.7.21", - "highlight.js": "11.4.0", + "highlight.js": "11.5.0", "is-touch-device": "1.0.1", "lodash.clonedeep": "4.5.0", "lodash.debounce": "4.0.8", "marked": "4.0.12", "register-service-worker": "1.7.2", "snake-case": "3.0.4", - "ufo": "0.7.11", + "ufo": "0.8.1", "v-tooltip": "4.0.0-beta.17", "vue": "3.2.31", "vue-advanced-cropper": "2.8.1", "vue-drag-resize": "2.0.3", "vue-flatpickr-component": "9.0.5", "vue-i18n": "9.2.0-beta.30", - "vue-router": "4.0.12", + "vue-router": "4.0.14", "vuedraggable": "4.1.0", "vuex": "4.0.2", - "workbox-precaching": "6.5.0" + "workbox-precaching": "6.5.2" }, "devDependencies": { "@4tw/cypress-drag-drop": "2.1.0", - "@faker-js/faker": "6.0.0-alpha.7", - "@fortawesome/fontawesome-svg-core": "1.3.0", - "@fortawesome/free-regular-svg-icons": "5.15.4", - "@fortawesome/free-solid-svg-icons": "5.15.4", + "@faker-js/faker": "6.0.0", + "@fortawesome/fontawesome-svg-core": "6.1.1", + "@fortawesome/free-regular-svg-icons": "6.1.1", + "@fortawesome/free-solid-svg-icons": "6.1.1", "@fortawesome/vue-fontawesome": "3.0.0-5", - "@types/flexsearch": "0.7.2", - "@typescript-eslint/eslint-plugin": "5.12.1", - "@typescript-eslint/parser": "5.12.1", + "@types/flexsearch": "0.7.3", + "@typescript-eslint/eslint-plugin": "5.16.0", + "@typescript-eslint/parser": "5.16.0", "@vitejs/plugin-legacy": "1.7.1", - "@vitejs/plugin-vue": "2.2.2", + "@vitejs/plugin-vue": "2.2.4", "@vue/eslint-config-typescript": "10.0.0", - "autoprefixer": "10.4.2", - "axios": "0.26.0", - "browserslist": "4.19.3", - "caniuse-lite": "1.0.30001312", - "cypress": "9.5.0", - "esbuild": "0.14.23", - "eslint": "8.10.0", + "autoprefixer": "10.4.4", + "axios": "0.26.1", + "browserslist": "4.20.2", + "caniuse-lite": "1.0.30001320", + "cypress": "9.5.2", + "esbuild": "0.14.28", + "eslint": "8.12.0", "eslint-plugin-vue": "8.5.0", "express": "4.17.3", - "happy-dom": "2.41.0", - "netlify-cli": "9.6.5", - "postcss": "8.4.7", - "postcss-preset-env": "7.4.1", - "rollup": "2.68.0", + "happy-dom": "2.50.0", + "netlify-cli": "9.13.3", + "postcss": "8.4.12", + "postcss-preset-env": "7.4.3", + "rollup": "2.70.1", "rollup-plugin-visualizer": "5.6.0", "sass": "1.49.9", - "typescript": "4.5.5", - "vite": "2.8.4", + "typescript": "4.6.3", + "vite": "2.8.6", "vite-plugin-pwa": "0.11.13", "vite-svg-loader": "3.1.2", - "vitest": "0.5.7", - "vue-tsc": "0.32.0", + "vitest": "0.7.12", + "vue-tsc": "0.33.9", "wait-on": "6.0.1", - "workbox-cli": "6.5.0" + "workbox-cli": "6.5.2" }, "eslintConfig": { "root": true, @@ -144,5 +144,5 @@ } }, "license": "AGPL-3.0-or-later", - "packageManager": "yarn@1.22.17" + "packageManager": "yarn@1.22.18" } diff --git a/src/components/home/contentAuth.vue b/src/components/home/contentAuth.vue index 113843a7d..d6883635d 100644 --- a/src/components/home/contentAuth.vue +++ b/src/components/home/contentAuth.vue @@ -236,6 +236,11 @@ store.dispatch('labels/loadAllLabels') .app-content { padding: $navbar-height + 1.5rem 1.5rem 1rem 1.5rem; + // Used to make sure the spinner is always in the middle while loading + > .loader-container { + min-height: calc(100vh - #{$navbar-height + 1.5rem + 1rem}); + } + @media screen and (max-width: $tablet) { margin-left: 0; padding-top: 1.5rem; @@ -264,7 +269,9 @@ store.dispatch('labels/loadAllLabels') bottom: 0; left: 0; right: 0; - background: rgba(250, 250, 250, 0.8); + height: 100vh; + width: 100vw; + background: hsla(var(--grey-100-hsl), 0.8); z-index: 5; opacity: 0; transition: all $transition; diff --git a/src/components/home/navigation.vue b/src/components/home/navigation.vue index d9e9a86e9..142ba5c2d 100644 --- a/src/components/home/navigation.vue +++ b/src/components/home/navigation.vue @@ -6,7 +6,7 @@