Fixed outline

pulse-ui/src/widget/outline.rs

@@ -4,17 +4,22 @@ pub struct Outline;
 
 impl Widget for Outline {
     fn render(&self, scope: &mut crate::render::RenderScope) {
-        scope.draw_text(0, "-".repeat(scope.rect.width as usize));
+        scope.draw_text(0, "─".repeat(scope.rect.width as usize));
 
-        scope.draw_text((0, 1), "|\n".repeat(scope.rect.height as usize - 2));
+        scope.draw_text((0, 1), "│\n".repeat(scope.rect.height as usize - 2));
         scope.draw_text(
             (scope.rect.width - 1, 1),
-            "|\n".repeat(scope.rect.height as usize - 2),
+            "│\n".repeat(scope.rect.height as usize - 2),
         );
 
         scope.draw_text(
             (0, scope.rect.height - 1),
-            "-".repeat(scope.rect.width as usize),
+            "─".repeat(scope.rect.width as usize),
         );
+
+        scope.draw_text(0, "┌");
+        scope.draw_text((scope.rect.width - 1, 0), "┐");
+        scope.draw_text((0, scope.rect.height - 1), "└");
+        scope.draw_text((scope.rect.width - 1, scope.rect.height - 1), "┘");
     }
 }

src/main.rs

@@ -5,7 +5,7 @@ use pulse_ui::{
     layout::{LayoutItem, layout},
     state::{Refresh, State},
     unit::Size,
-    widget::spaced::SpacedRows,
+    widget::{outline::Outline, spaced::SpacedRows},
 };
 
 pub struct PulseTradeApp {
@@ -24,10 +24,15 @@ impl App for PulseTradeApp {
     }
 
     async fn layout(&self) -> pulse_ui::layout::LayoutItem {
-        layout(vec![LayoutItem::Widget(Size::Flex(1))])
+        layout(vec![LayoutItem::Frame {
+            padding: 1,
+            item: Box::new(LayoutItem::Widget(Size::Flex(1))),
+        }])
     }
 
     async fn render(&mut self, layout: pulse_ui::layout::Allocation) {
+        // layout.draw_frame(0, Outline);
+
         layout.draw(
             0,
             SpacedRows(vec![