commit ab48eff6133f61f91240b08369bf4fbe98bde977
parent 051109b54118cb92038da9220478098d8f9ed354
Author: triesap <tyson@radroots.org>
Date: Sun, 7 Jun 2026 11:38:34 -0700
ui: tune settings account card
Diffstat:
3 files changed, 21 insertions(+), 15 deletions(-)
diff --git a/crates/desktop/src/window.rs b/crates/desktop/src/window.rs
@@ -6760,13 +6760,9 @@ impl SettingsWindowView {
.child(
app_stack_v(APP_UI_THEME.foundation.spacing.tight_px)
.w_full()
- .bg(rgb(APP_UI_THEME.foundation.surfaces.chrome_background))
.rounded(px(APP_UI_THEME
.shells
.settings_account_sidebar_button_corner_radius_px))
- .p(px(APP_UI_THEME
- .shells
- .settings_account_sidebar_button_padding_px))
.children(account_rows)
.when(projection.roster.is_empty(), |this| {
this.child(
diff --git a/crates/ui/src/primitives.rs b/crates/ui/src/primitives.rs
@@ -917,23 +917,24 @@ pub fn app_button_account_selector_row(
.rounded(ButtonRounded::Size(px(APP_UI_THEME
.shells
.settings_account_sidebar_button_corner_radius_px)))
+ .h(px(APP_UI_THEME
+ .shells
+ .settings_account_sidebar_button_height_px))
.w_full()
.min_w_0()
+ .p(px(0.0))
.on_click(on_click)
.child(
div()
.w_full()
+ .h_full()
+ .min_w_0()
.flex()
.items_center()
.gap(px(APP_UI_THEME
.shells
.settings_account_sidebar_button_gap_px))
- .px(px(APP_UI_THEME
- .shells
- .settings_account_sidebar_button_padding_px))
- .py(px(APP_UI_THEME
- .shells
- .settings_account_sidebar_button_padding_px))
+ .px(px(APP_UI_THEME.foundation.spacing.small_px))
.child(
div()
.size(px(APP_UI_THEME
@@ -954,6 +955,8 @@ pub fn app_button_account_selector_row(
.settings_account_identity_text_gap_px))
.child(
div()
+ .w_full()
+ .min_w_0()
.max_w_full()
.overflow_hidden()
.text_ellipsis()
@@ -961,18 +964,25 @@ pub fn app_button_account_selector_row(
.text_size(px(APP_UI_THEME
.foundation
.typography
- .settings_account_identity_text_px))
- .font_weight(gpui::FontWeight::MEDIUM)
+ .settings_account_identity_text_px
+ + 1.0))
+ .font_weight(gpui::FontWeight::LIGHT)
.text_color(rgb(APP_UI_THEME.foundation.text.primary))
.child(title.into()),
)
.child(
div()
+ .w_full()
+ .min_w_0()
.max_w_full()
.overflow_hidden()
.text_ellipsis()
.whitespace_nowrap()
- .text_size(px(APP_UI_THEME.foundation.typography.body_text_px))
+ .text_size(px(APP_UI_THEME
+ .foundation
+ .typography
+ .utility_title_text_px))
+ .font_weight(gpui::FontWeight::NORMAL)
.text_color(rgb(APP_UI_THEME.foundation.text.secondary))
.child(subtitle.into()),
),
diff --git a/crates/ui/src/theme.rs b/crates/ui/src/theme.rs
@@ -365,7 +365,7 @@ pub const APP_UI_THEME: AppUiTheme = AppUiTheme {
settings_content_padding_px: APP_SPACING_XLARGE_PX,
settings_account_sidebar_width_px: 200.0,
settings_account_sidebar_padding_px: APP_SPACING_SMALL_PX,
- settings_account_sidebar_button_height_px: 42.0,
+ settings_account_sidebar_button_height_px: 52.0,
settings_account_sidebar_button_padding_px: APP_SPACING_MICRO_PX,
settings_account_sidebar_button_corner_radius_px: APP_RADIUS_MEDIUM_PX,
settings_account_sidebar_button_gap_px: APP_SPACING_SMALL_PX,
@@ -438,7 +438,7 @@ mod tests {
APP_UI_THEME
.shells
.settings_account_sidebar_button_height_px,
- 42.0
+ 52.0
);
}