diff --git a/package.json b/package.json index a2c2a6b..f8f3bc8 100644 --- a/package.json +++ b/package.json @@ -63,6 +63,12 @@ "title": "Example", "file": "example/main.html", "fullbleed": true + }, + { + "name": "loading", + "title": "Loading", + "file": "loading/main.html", + "fullbleed": true } ], "graphics": [ diff --git a/src/dashboard/loading/loading.css b/src/dashboard/loading/loading.css new file mode 100644 index 0000000..d1cc645 --- /dev/null +++ b/src/dashboard/loading/loading.css @@ -0,0 +1,4 @@ +/* Hide the scrollbar while loading. */ +::-webkit-scrollbar { + display: none; +} diff --git a/src/dashboard/loading/main.ts b/src/dashboard/loading/main.ts new file mode 100644 index 0000000..e0f9481 --- /dev/null +++ b/src/dashboard/loading/main.ts @@ -0,0 +1,12 @@ +import '@quasar/extras/material-icons/material-icons.css'; +import '@quasar/extras/roboto-font/roboto-font.css'; +import { Dark, Quasar } from 'quasar'; +import 'quasar/src/css/index.sass'; +import { createApp } from 'vue'; +import App from './main.vue'; +import './loading.css'; + +const app = createApp(App); +app.use(Quasar); +app.mount('#app'); +Dark.set(true); diff --git a/src/dashboard/loading/main.vue b/src/dashboard/loading/main.vue new file mode 100644 index 0000000..856a396 --- /dev/null +++ b/src/dashboard/loading/main.vue @@ -0,0 +1,103 @@ + + + + +