diff --git a/src/main.ts b/src/main.ts index 19bbc965..d783471a 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,10 +1,10 @@ -import { createApp } from 'vue'; -import { BootstrapVue3 } from './plugins/bootstrap-vue'; -import App from './App.vue'; -import router from './router'; import { createPinia, PiniaVuePlugin } from 'pinia'; import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'; -import GridLayout from 'vue3-drr-grid-layout'; +import { createApp } from 'vue'; +import App from './App.vue'; +import { BootstrapVue3 } from './plugins/bootstrap-vue'; +import { GridLayout } from './plugins/vue-grid-layout'; +import router from './router'; const myApp = createApp(App); diff --git a/src/plugins/vue-grid-layout.ts b/src/plugins/vue-grid-layout.ts new file mode 100644 index 00000000..1670ed84 --- /dev/null +++ b/src/plugins/vue-grid-layout.ts @@ -0,0 +1,4 @@ +import GridLayout from 'vue3-drr-grid-layout'; +import 'vue3-drr-grid-layout/dist/style.css'; + +export { GridLayout }; diff --git a/src/styles/_styles_ovw.scss b/src/styles/_styles_ovw.scss index 320ca6fa..5f7c3fe0 100644 --- a/src/styles/_styles_ovw.scss +++ b/src/styles/_styles_ovw.scss @@ -202,6 +202,16 @@ background: darken($bg-dark, 10%); border-color: lighten($bg-dark, 20%); } + + .vue-grid-item>.vue-resizable-handle { + // Stupid workaround to have the Shevron actually show. + background-color: darken($fg-color, 50%); + } +} + +.vue-grid-item { + // Fix white corners in vue-grid-item. + background-color: unset !important; } html.ft-theme-transition,