Tweak styling of channel header and editor footer in chat panel

Max Brunsfeld committed 2 years ago

Commit 650ca1f1 parent fce0c1f1 file · +13 −1Browse files

Unified · Split

 use serde::{Deserialize, Serialize};
 use settings::{Settings, SettingsStore};
 use std::sync::Arc;
+use theme::ActiveTheme as _;
 use time::{OffsetDateTime, UtcOffset};
 use ui::{
     h_stack, prelude::WindowContext, v_stack, Avatar, Button, ButtonCommon as _, Clickable, Icon,
             .child(
                 h_stack()
                     .w_full()
+                    .h_7()
                     .justify_between()
+                    .z_index(1)
+                    .bg(cx.theme().colors().background)
+                    .border()
+                    .border_color(gpui::red())
                     .child(Label::new(
                         self.active_chat
                             .as_ref()
                     ),
             )
             .child(div().grow().child(self.render_active_channel_messages(cx)))
-            .child(self.input_editor.clone())
+            .child(
+                div()
+                    .z_index(1)
+                    .p_2()
+                    .bg(cx.theme().colors().background)
+                    .child(self.input_editor.clone()),
+            )
             .into_any()
     }