From 0ff675671355a5d20e9389f1bde437b9d1907ed8 Mon Sep 17 00:00:00 2001
From: shadow cat <shadowcatzero@protonmail.com>
Date: Tue, 11 Nov 2025 13:55:46 -0500
Subject: [PATCH] message format WORKING

---
 src/main.rs | 24 +++++++++++++++++++-----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/main.rs b/src/main.rs
index 4ec7a39..6c7d32b 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -42,19 +42,23 @@ impl Client {
             .text_align(Align::Left)
             .add(&mut ui);
 
-        let msg_area = Span::empty(Dir::DOWN).add(&mut ui);
+        let msg_area = Span::empty(Dir::DOWN).spacing(15).add(&mut ui);
 
         let msg_panel = (
             rect(Color::BLACK.brighter(0.1)),
             (
-                msg_area.clone().align(Align::BotLeft).scroll(),
+                msg_area
+                    .clone()
+                    .align(Align::BotLeft)
+                    .scroll()
+                    .pad(Padding::x(15)),
                 (
                     rect(Color::BLACK.brighter(0.05)).radius(15),
                     send_text
                         .clone()
                         .id_on(Submit, move |id, client: &mut Client, _| {
                             let content = client.ui.text(id).take();
-                            let text = text(content)
+                            let content = text(content)
                                 .editable()
                                 .size(20)
                                 .text_align(Align::Left)
@@ -62,9 +66,19 @@ impl Client {
                                 .id_on(CursorSense::click(), |id, client: &mut Client, ctx| {
                                     client.ui.text(id).select(ctx.cursor, ctx.size);
                                     client.focus = Some(id.clone());
-                                })
+                                });
+                            let header = text("some user").size(20);
+                            let msg = (
+                                image(include_bytes!("./assets/sungals.png"))
+                                    .sized(70)
+                                    .align(Align::TopLeft),
+                                ().sized(10),
+                                (header.align(Align::TopLeft), content.align(Align::TopLeft))
+                                    .span(Dir::DOWN, [fixed(30), sized()]),
+                            )
+                                .span(Dir::RIGHT, [sized(), sized(), ratio(1)])
                                 .add(&mut client.ui);
-                            client.ui[&msg_area].children.push((text.any(), sized()));
+                            client.ui[&msg_area].children.push((msg.any(), sized()));
                         })
                         .pad(15)
                         .on(CursorSense::click(), move |client: &mut Client, data| {