visual tweaking

Author: imyanice

build.rs

@@ -1,3 +1,4 @@
 fn main() {
-    slint_build::compile("ui/appwindow.slint").unwrap();
+    let config = slint_build::CompilerConfiguration::new().with_style("fluent".into());
+    slint_build::compile_with_config("ui/appwindow.slint", config).unwrap();
 }

src/main.rs

@@ -22,9 +22,9 @@ fn main() -> Result<(), slint::PlatformError> {
             set_config(config);
             let app = ui_handle.unwrap();
             if get_config().enabled {
-                app.set_state("Stop".into())
+                app.set_state("🚫".into())
             } else {
-                app.set_state("Start".into())
+                app.set_state("🚀".into())
             }
         }
     });
@@ -49,7 +49,6 @@ fn main() -> Result<(), slint::PlatformError> {
                         str_seconds = "0".to_owned() + &*str_seconds
                     }
 
-                    println!("{:?}", time_seconds);
                     slint::invoke_from_event_loop(move || {
                         ui.unwrap()
                             .set_time((str_minutes.to_string() + ":" + &*str_seconds).into())
@@ -67,7 +66,6 @@ fn main() -> Result<(), slint::PlatformError> {
                     if str_seconds.len() < 2 {
                         str_seconds = "0".to_owned() + &*str_seconds
                     }
-                    println!("{:?}", time_seconds);
                     slint::invoke_from_event_loop(move || {
                         ui.unwrap()
                             .set_time((str_minutes.to_string() + ":" + &*str_seconds).into())

ui/appwindow.slint

@@ -1,24 +1,26 @@
-import { Button, VerticalBox } from "std-widgets.slint";
+import { Button } from "std-widgets.slint";
 import "./assets/font.ttf";
 
 export component AppWindow inherits Window {
     width: 300px;
     height: 400px;
     in-out property <string> time: "25:00";
-    in-out property <string> state: "Start";
+    in-out property <string> state: "🚀";
     callback start-timer();
-//    VerticalLayout {
-        Text {
-            text: time;
-            font-size: 70px;
-    //        y: 0px;
-            font-family: "Bebas Neue";
-        }
-        Button {
-            text: state;
-            y: 250px;
-            clicked => {start-timer()}
-        }
+    title: "Timer";
+    Text {
+        text: time;
+        font-size: 70px;
+        y: 150px;
+        font-family: "Bebas Neue";
     }
-//}
 
+    Button {
+        text: state;
+        y: 250px;
+        width: 100px;
+        clicked => {
+            start-timer()
+        }
+    }
+}