Properly import vue3-grid-layout styles

This commit is contained in:
Matthias 2022-12-17 14:36:06 +01:00
parent ea5805dcb4
commit 50946ccc16
3 changed files with 19 additions and 5 deletions

View File

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

View File

@ -0,0 +1,4 @@
import GridLayout from 'vue3-drr-grid-layout';
import 'vue3-drr-grid-layout/dist/style.css';
export { GridLayout };

View File

@ -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,