diff --git a/crates/storybook/src/collab_panel.rs b/crates/storybook/src/collab_panel.rs index 60b0131528..8530f95f3c 100644 --- a/crates/storybook/src/collab_panel.rs +++ b/crates/storybook/src/collab_panel.rs @@ -85,12 +85,19 @@ impl CollabPanelElement { ), ) .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 CollabPanelElement { }) .w_3p5() .h_3p5() - .fill(theme.middle.positive.default.foreground), + .fill(theme.middle.variant.default.foreground), ), ) } diff --git a/crates/storybook/src/workspace.rs b/crates/storybook/src/workspace.rs index 869b3b395d..d125181f38 100644 --- a/crates/storybook/src/workspace.rs +++ b/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(&mut self, _: &mut V, cx: &mut ViewContext) -> impl IntoElement { 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 +*/