update ui/components

zed-industries · Feb 21, 2025 · 58dd0f0 · 58dd0f0
1 parent 1ccbdbb
commit 58dd0f0
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 18 deletions.
diff --git a/crates/collab_ui/src/collab_panel.rs b/crates/collab_ui/src/collab_panel.rs
@@ -2458,8 +2458,8 @@ impl CollabPanel {
                 Avatar::new(contact.user.avatar_uri.clone())
                     .indicator::<AvatarAvailabilityIndicator>(if online {
                         Some(AvatarAvailabilityIndicator::new(match busy {
-                            true => ui::Availability::Busy,
-                            false => ui::Availability::Free,
+                            true => ui::CollaboratorAvailability::Busy,
+                            false => ui::CollaboratorAvailability::Free,
                         }))
                     } else {
                         None

diff --git a/crates/component/src/component.rs b/crates/component/src/component.rs
@@ -200,7 +200,7 @@ impl RenderOnce for ComponentExample {
             ExampleLabelSide::Top => base.flex_col_reverse(),
         };
 
-        base.gap_1()
+        base.gap_2()
             .p_2()
             .text_size(px(10.))
             .text_color(cx.theme().colors().text_muted)
@@ -245,11 +245,12 @@ impl RenderOnce for ComponentExampleGroup {
             .text_color(cx.theme().colors().text_muted)
             .when(self.grow, |this| this.w_full().flex_1())
             .when_some(self.title, |this, title| {
-                this.gap_4().pb_5().child(
+                this.gap_4().child(
                     div()
                         .flex()
                         .items_center()
                         .gap_3()
+                        .pb_1()
                         .child(div().h_px().w_4().bg(cx.theme().colors().border))
                         .child(
                             div()
@@ -271,7 +272,7 @@ impl RenderOnce for ComponentExampleGroup {
                     .flex()
                     .items_start()
                     .w_full()
-                    .gap_8()
+                    .gap_6()
                     .children(self.examples)
                     .into_any_element(),
             )

diff --git a/crates/component_preview/src/component_preview.rs b/crates/component_preview/src/component_preview.rs
@@ -105,19 +105,23 @@ impl ComponentPreview {
         v_flex()
             .py_2()
             .child(
-                v_group()
+                v_flex()
+                    .bg(cx.theme().colors().text.opacity(0.05))
+                    .border_1()
+                    .border_color(cx.theme().colors().border)
+                    .rounded_md()
                     .w_full()
-                    .gap_3()
-                    .py_6()
-                    .px_8()
+                    .gap_4()
+                    .py_4()
+                    .px_6()
                     .flex_none()
                     .child(
                         v_flex()
                             .gap_1()
                             .child(
                                 h_flex()
                                     .gap_1()
-                                    .text_2xl()
+                                    .text_xl()
                                     .child(div().child(name))
                                     .when_some(scope, |this, scope| {
                                         this.child(div().opacity(0.5).child(format!("({})", scope)))
@@ -170,11 +174,16 @@ impl Render for ComponentPreview {
                 .flex_grow(),
             )
             .child(
-                v_flex().id("component-list").px_8().size_full().child(
-                    list(self.component_list.clone())
-                        .flex_grow()
-                        .with_sizing_behavior(gpui::ListSizingBehavior::Auto),
-                ),
+                v_flex()
+                    .id("component-list")
+                    .px_8()
+                    .pt_4()
+                    .size_full()
+                    .child(
+                        list(self.component_list.clone())
+                            .flex_grow()
+                            .with_sizing_behavior(gpui::ListSizingBehavior::Auto),
+                    ),
             )
     }
 }

diff --git a/crates/ui/src/ui.rs b/crates/ui/src/ui.rs
@@ -1,5 +1,3 @@
-#![deny(missing_docs)]
-
 //! # UI – Zed UI Primitives & Components
 //!
 //! This crate provides a set of UI primitives and components that are used to build all of the elements in Zed's UI.

diff --git a/crates/workspace/src/theme_preview.rs b/crates/workspace/src/theme_preview.rs
@@ -4,7 +4,7 @@ use strum::IntoEnumIterator;
 use theme::all_theme_colors;
 use ui::{
     element_cell, prelude::*, string_cell, utils::calculate_contrast_ratio, AudioStatus,
-    Availability, Avatar, AvatarAudioStatusIndicator, AvatarAvailabilityIndicator, ButtonLike,
+    CollaboratorAvailability, Avatar, AvatarAudioStatusIndicator, AvatarAvailabilityIndicator, ButtonLike,
     Checkbox, CheckboxWithLabel, ContentGroup, DecoratedIcon, ElevationIndex, Facepile,
     IconDecoration, Indicator, KeybindingHint, Switch, Table, TintColor, Tooltip,
 };