✨ Adds widget compatibility into workspace view

2026-06-15 08:15:37 +00:00 · 2022-01-20 05:41:29 +00:00
parent 7b7c427c97
commit 63904366ce
3 changed files with 55 additions and 1 deletions
@@ -0,0 +1,39 @@
+<template>
+  <div class="workspace-widget-view" v-if="widgets">
+    <WidgetBase
+      v-for="(widget, widgetIndx) in widgets"
+      :key="widgetIndx"
+      :widget="widget"
+      :index="widgetIndx"
+      class="workspace-widget"
+    />
+  </div>
+</template>
+
+<script>
+import WidgetBase from '@/components/Widgets/WidgetBase';
+
+export default {
+  components: {
+    WidgetBase,
+  },
+  props: {
+    widgets: Array,
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.workspace-widget-view {
+  padding: 1rem 0;
+  background: var(--background);
+  position: absolute;
+  left: var(--side-bar-width);
+  height: calc(100% - var(--header-height) - 1rem);
+  width: calc(100% - var(--side-bar-width));
+  .workspace-widget {
+    max-width: 800px;
+    margin: 0 auto;
+  }
+}
+</style>