Improve chat panel styling (#3758)

This PR improves the chat panel styling, especially with regards to the
spacing.

Release Notes:

- N/A
This commit is contained in:
Marshall Bowers 2023-12-21 12:15:11 -05:00 committed by GitHub
parent 7a9c4057a7
commit 824b68788f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 114 additions and 98 deletions

View file

@ -102,16 +102,18 @@ impl RenderOnce for TabBar {
.w_full()
.h(rems(HEIGHT_IN_REMS))
.bg(cx.theme().colors().tab_bar_background)
.child(
h_stack()
.flex_none()
.gap_1()
.px_1()
.border_b()
.border_r()
.border_color(cx.theme().colors().border)
.children(self.start_children),
)
.when(!self.start_children.is_empty(), |this| {
this.child(
h_stack()
.flex_none()
.gap_1()
.px_1()
.border_b()
.border_r()
.border_color(cx.theme().colors().border)
.children(self.start_children),
)
})
.child(
div()
.relative()
@ -140,15 +142,17 @@ impl RenderOnce for TabBar {
.children(self.children),
),
)
.child(
h_stack()
.flex_none()
.gap_1()
.px_1()
.border_b()
.border_l()
.border_color(cx.theme().colors().border)
.children(self.end_children),
)
.when(!self.end_children.is_empty(), |this| {
this.child(
h_stack()
.flex_none()
.gap_1()
.px_1()
.border_b()
.border_l()
.border_color(cx.theme().colors().border)
.children(self.end_children),
)
})
}
}