Checkpoint

Nate Butler created

Change summary

crates/storybook/src/collab_panel.rs | 21 ++++++++++++++-------
crates/storybook/src/workspace.rs    | 20 +++++++++++++++-----
2 files changed, 29 insertions(+), 12 deletions(-)

Detailed changes

crates/storybook/src/collab_panel.rs 🔗

@@ -85,12 +85,19 @@ impl<V: 'static> CollabPanelElement<V> {
                     ),
             )
             .child(
-                div().h_7().px_2().flex().items_center().child(
-                    div()
-                        .text_sm()
-                        .text_color(theme.middle.variant.default.foreground)
-                        .child("Find..."),
-                ),
+                div()
+                    .h_7()
+                    .px_2()
+                    .border_t()
+                    .border_color(theme.middle.variant.default.border)
+                    .flex()
+                    .items_center()
+                    .child(
+                        div()
+                            .text_sm()
+                            .text_color(theme.middle.variant.default.foreground)
+                            .child("Find..."),
+                    ),
             )
     }
 
@@ -117,7 +124,7 @@ impl<V: 'static> CollabPanelElement<V> {
                         })
                         .w_3p5()
                         .h_3p5()
-                        .fill(theme.middle.positive.default.foreground),
+                        .fill(theme.middle.variant.default.foreground),
                 ),
             )
     }

crates/storybook/src/workspace.rs 🔗

@@ -74,7 +74,8 @@ impl TitleBar {
                             .flex()
                             .items_center()
                             .justify_center()
-                            .px_1()
+                            .px_2()
+                            .rounded_md()
                             .hover()
                             .fill(theme.lowest.base.hovered.background)
                             .active()
@@ -87,7 +88,8 @@ impl TitleBar {
                             .flex()
                             .items_center()
                             .justify_center()
-                            .px_1()
+                            .px_2()
+                            .rounded_md()
                             .text_color(theme.lowest.variant.default.foreground)
                             .hover()
                             .fill(theme.lowest.base.hovered.background)
@@ -342,16 +344,24 @@ impl WorkspaceElement {
     fn render<V: 'static>(&mut self, _: &mut V, cx: &mut ViewContext<V>) -> impl IntoElement<V> {
         let theme = theme(cx);
         div()
-            .h_full()
-            .w_full()
+            .size_full()
             .flex()
             .flex_col()
             .gap_y_0()
             .font("Zed Sans Extended")
             .text_color(theme.lowest.base.default.foreground)
-            .fill(theme.middle.base.default.background)
+            .fill(theme.middle.warning.default.background)
             .child(titlebar())
             .child(collab_panel())
             .child(statusbar())
     }
 }
+
+// Hover over things
+// Paint its space... padding, margin, border, content
+
+/*
+* h_8, grow_0/flex_grow_0, shrink_0/flex_shrink_0
+* flex_grow
+* h_8, grow_0/flex_grow_0, shrink_0/flex_shrink_0
+*/