feat: dynamically sized widget tree in designer view, grid fixes

1 files changed, 13 insertions, 17 deletions

diff --git a/src/panes/designer_view.rs b/src/panes/designer_view.rs
index 48a8304..8bed248 100644
--- a/src/panes/designer_view.rs
+++ b/src/panes/designer_view.rs
@@ -1,7 +1,5 @@
-use iced::Length;
-use iced::widget::{
-    button, center, container, pane_grid, responsive, text, themer,
-};
+use iced::widget::{button, center, container, pane_grid, text, themer};
+use iced::{Fill, Shrink};
 use iced_material::Theme;
 
 use super::style;
@@ -14,25 +12,23 @@ pub fn view<'a>(
     is_focused: bool,
 ) -> pane_grid::Content<'a, Message, Theme> {
     let el_tree: iced::Element<'a, Message> = match element_tree {
-        Some(tree) => responsive(|size| {
-            center(
-                container(tree.clone())
-                    .style(|theme| {
-                        container::background(theme.palette().background)
-                    })
-                    .height(size.height * 0.5)
-                    .width(size.height * 0.8),
-            )
-            .into()
-        })
+        Some(tree) => center(
+            container(tree.clone())
+                .style(|theme| {
+                    container::background(theme.palette().background)
+                })
+                .clip(true)
+                .width(Shrink)
+                .height(Shrink),
+        )
         .into(),
         None => center("Open a project or begin creating one").into(),
     };
 
     let content = container(themer(Some(designer_theme), el_tree))
         .id("drop_zone")
-        .height(Length::Fill)
-        .width(Length::Fill);
+        .width(Fill)
+        .height(Fill);
 
     let title_bar = pane_grid::TitleBar::new(text("Designer").center())
         .controls(pane_grid::Controls::dynamic(