Properly import vue3-grid-layout styles

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);
 

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 };

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,