[LM] changed ui

src/main.rs

@@ -13,3 +13,4 @@ fn main() -> Result<(), slint::PlatformError> {
 
     ui.run()
 }
+ 

ui/appwindow.slint

@@ -1,19 +1,48 @@
-import { Button, VerticalBox } from "std-widgets.slint";
+import { Button, VerticalBox, GridBox, LineEdit } from "std-widgets.slint";
 
 export component AppWindow inherits Window {
     in-out property <int> counter: 42;
     callback request-increase-value();
-    VerticalBox {
+
+    background: #313e50;
+
+    GridBox {
+        spacing: 25px;
+        padding: 50px;
+        Row {
             Text {
-            text: "Counter: \{root.counter}";
+                text: "Calculator";
+                horizontal-alignment: center;
+                font-size: 20px;
+                font-weight: 900;
+                color: #ffffff;
+            }
+        }
+
+        Row{ 
+            LineEdit {
+                placeholder-text: "Enter value";
+                font-size: 16px;
+                height: 35px;
+            }
         }
 
+        Row {
             Button {
                 text: "Increase value";
                 clicked => {
                     root.request-increase-value();
                 }
                 height: 35px;
+                primary: true;
+            }
+        }
+
+        Row {
+            Text {
+                text: "Counter: \{root.counter}";
+                color: #a3a1dd;
+            }
         }
     }
 }