fix: ResizableBar width based at insights container

weni-ai · Feb 27, 2024 · ec11526 · ec11526
1 parent ce95215
commit ec11526
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/components/ResizableBar.vue b/src/components/ResizableBar.vue
@@ -172,11 +172,13 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+$insightsContainerPadding: $unnnic-spacing-ant * 2;
+
 .resizable-bar {
   z-index: 1;
-  position: fixed;
+  position: absolute;
   background-color: $unnnic-color-neutral-white;
-  width: 100%;
+  width: calc(100% - $insightsContainerPadding);
   height: 210px;
 
   &__header {

diff --git a/src/layouts/InsightsLayout/index.vue b/src/layouts/InsightsLayout/index.vue
@@ -50,7 +50,11 @@ export default {
   }
 
   &__insights {
+    position: relative;
+
     grid-area: insights;
+    display: flex;
+    flex-direction: column;
 
     padding: $unnnic-spacing-ant;