From b3488736322a205a39b219b6172a698c0dec805b Mon Sep 17 00:00:00 2001
From: griffi-gh <prasol258@gmail.com>
Date: Thu, 7 Mar 2024 02:56:05 +0100
Subject: [PATCH] fancier vscode demo

---
 hui-examples/examples/vscode_layout.rs | 40 ++++++++++++++++++++++----
 1 file changed, 35 insertions(+), 5 deletions(-)

diff --git a/hui-examples/examples/vscode_layout.rs b/hui-examples/examples/vscode_layout.rs
index 3b51e07..266adde 100644
--- a/hui-examples/examples/vscode_layout.rs
+++ b/hui-examples/examples/vscode_layout.rs
@@ -39,7 +39,7 @@ ui_main!(
           .with_size(size!(100%, auto))
           .with_direction(Direction::Horizontal)
           .with_align((Alignment::Begin, Alignment::Center))
-          .with_padding((5., 8.))
+          .with_padding(8.)
           .with_gap(15.)
           .with_background(color::rgb_hex(0x3d3c3e))
           .with_wrap(true) //XXX: not authentic but great for demostration
@@ -47,7 +47,6 @@ ui_main!(
             Image::new(stuff.vscode_icon)
               .with_size(size!(auto, 24))
               .add_child(ui);
-            Spacer(1.).add_child(ui);
             for item in ["File", "Edit", "Selection", "View", "Go", "Run", "Terminal", "Help"] {
               Text::new(item)
                 .with_text_size(15)
@@ -64,7 +63,7 @@ ui_main!(
           .with_direction(Direction::Horizontal)
           .with_children(|ui| {
             Container::default()
-              .with_size(size!(48, 100%))
+              .with_size(size!(54, 100%))
               .with_background(color::rgb_hex(0x343334))
               .add_child(ui);
             FillRect::default()
@@ -74,16 +73,47 @@ ui_main!(
             Container::default()
               .with_size(size!(200, 100%))
               .with_padding((15., 8.))
-              .with_background(color::rgb_hex(0x1e1e1e))
+              .with_background(color::rgb_hex(0x262526))
               .with_children(|ui| {
                 Text::new("EXPLORER")
                   .add_child(ui);
               })
               .add_child(ui);
+            Container::default()
+              .with_size(size!(100%, 100%))
+              .with_background(color::rgb_hex(0x1f1e1f))
+              .add_child(ui);
           })
           .add_child(ui);
-
       })
       .add_root(ui, size);
+
+      //Bottom bar (yeah, it's basically fake/overlay)
+      Container::default()
+        .with_size(size!(100%))
+        .with_align((Alignment::Begin, Alignment::End))
+        .with_children(|ui| {
+          Container::default()
+            .with_size(size!(100%, auto))
+            .with_background(color::rgb_hex(0x0079cc))
+            .with_direction(Direction::Horizontal)
+            .with_gap(5.)
+            .with_children(|ui| {
+              Container::default()
+                .with_background(color::rgb_hex(0x16815e))
+                .with_padding((10., 2.))
+                .with_children(|ui| {
+                  Text::new("><")
+                    .with_text_size(13)
+                    .add_child(ui);
+                })
+                .add_child(ui);
+              Text::new("master")
+                .with_text_size(15)
+                .add_child(ui);
+            })
+            .add_child(ui);
+        })
+        .add_root(ui, size);
   }
 );