[GitTune][PATCH 1/2] feat(ui): align main window layout with website mock

[Oliver Lin]

---
src/main.rs | 5 +
ui/main.slint | 301 ++++++++++++++++++++++++++++++++------------------
2 files changed, 198 insertions(+), 108 deletions(-)

diff --git a/src/main.rs b/src/main.rs
index 1c0d352..a34c9dd 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -39,6 +39,11 @@ fn main() -> Result<(), slint::PlatformError> {
};
window.set_encryption_selected_value(encryption_selected);

+ // CLI preview shown in the terminal-style card.
+ window.set_cli_preview(
+ "$ git config --global user.name\n$ git config --global user.email".into(),
+ );
+
// Load local GPG secret keys.
let gpg_keys = gpg::list_keys().unwrap_or_default();
let mut gpg_display_to_fpr: Vec<(slint::SharedString, String)> = Vec::new();
diff --git a/ui/main.slint b/ui/main.slint
index 00dcc63..13e6ddb 100644
--- a/ui/main.slint
+++ b/ui/main.slint
@@ -1,9 +1,25 @@
-import { Button, LineEdit, VerticalBox, HorizontalBox, ComboBox, CheckBox, ScrollView } from "std-widgets.slint";
+import { Button, LineEdit, VerticalBox, HorizontalBox, ComboBox, Switch, ScrollView, Palette } from "std-widgets.slint";
+
+component Card inherits Rectangle {
+ background: Palette.alternate-background;
+ border-radius: 10px;
+ border-width: 1px;
+ border-color: Palette.alternate-background.darker(8%);
+
+ @children
+}
+
+component SectionTitle inherits Text {
+ font-size: 13px;
+ font-weight: 700;
+ opacity: 0.55;
+ letter-spacing: 0.6px;
+}

export component MainWindow inherits Window {
title: "GitTune";
- min-width: 600px;
- min-height: 580px;
+ min-width: 680px;
+ min-height: 640px;

in-out property <string> user-name;
in-out property <string> user-email;
@@ -28,6 +44,7 @@ export component MainWindow inherits Window {
in-out property <string> encryption-selected-value;

in property <string> status-text;
+ in property <string> cli-preview;
callback save-clicked();

property <bool> gpg-is-custom: root.gpg-selected-value == "Custom...";
@@ -35,153 +52,221 @@ export component MainWindow inherits Window {

ScrollView {
VerticalBox {
- padding: 24px;
- spacing: 12px;
+ padding: 28px;
+ spacing: 20px;

- Text {
- text: "Git identity (global)";
- font-size: 18px;
- font-weight: 700;
- }
+ // ── Identity ──
+ Card {
+ VerticalBox {
+ padding: 20px;
+ spacing: 10px;

- Text {
- text: "Name";
- }
+ SectionTitle {
+ text: "Git identity (global)";
+ }

- LineEdit {
- placeholder-text: "user.name";
- text <=> root.user-name;
- }
+ Text {
+ text: "Name";
+ font-size: 13px;
+ }

- Text {
- text: "Email";
- }
+ LineEdit {
+ placeholder-text: "user.name";
+ text <=> root.user-name;
+ }

- LineEdit {
- placeholder-text: "user.email";
- text <=> root.user-email;
- }
+ Text {
+ text: "Email";
+ font-size: 13px;
+ }

- Text {
- text: "GPG signing key";
- font-size: 16px;
- font-weight: 700;
+ LineEdit {
+ placeholder-text: "user.email";
+ text <=> root.user-email;
+ }
+ }
}

- ComboBox {
- model: root.gpg-options;
- current-value <=> root.gpg-selected-value;
- }
+ // ── GPG & Branch ──
+ Card {
+ VerticalBox {
+ padding: 20px;
+ spacing: 10px;

- LineEdit {
- visible: root.gpg-is-custom;
- placeholder-text: "Key fingerprint or ID";
- text <=> root.gpg-custom-value;
- }
+ SectionTitle {
+ text: "Signing & defaults";
+ }

- Text {
- text: "Default branch";
- font-size: 16px;
- font-weight: 700;
- }
+ Text {
+ text: "GPG signing key";
+ font-size: 13px;
+ }

- ComboBox {
- model: root.branch-options;
- current-value <=> root.branch-selected-value;
- }
+ ComboBox {
+ model: root.gpg-options;
+ current-value <=> root.gpg-selected-value;
+ }

- LineEdit {
- visible: root.branch-is-custom;
- placeholder-text: "branch name";
- text <=> root.branch-custom-value;
- }
+ LineEdit {
+ visible: root.gpg-is-custom;
+ placeholder-text: "Key fingerprint or ID";
+ text <=> root.gpg-custom-value;
+ }

- CheckBox {
- text: "Sign commits with GPG";
- checked <=> root.commit-gpgsign;
- }
+ Text {
+ text: "Default branch";
+ font-size: 13px;
+ }

- CheckBox {
- text: "Sign tags with GPG";
- checked <=> root.tag-gpgsign;
- }
+ ComboBox {
+ model: root.branch-options;
+ current-value <=> root.branch-selected-value;
+ }

- Text {
- text: "Email sending (sendemail)";
- font-size: 16px;
- font-weight: 700;
- }
+ LineEdit {
+ visible: root.branch-is-custom;
+ placeholder-text: "branch name";
+ text <=> root.branch-custom-value;
+ }

- Text {
- text: "From";
- }
+ Rectangle {
+ height: 1px;
+ background: Palette.alternate-background.darker(8%);
+ }

- LineEdit {
- placeholder-text: "Name <y...@example.com>";
- text <=> root.sendemail-from;
- }
+ Switch {
+ text: "Sign commits with GPG";
+ checked <=> root.commit-gpgsign;
+ }

- Text {
- text: "SMTP username";
+ Switch {
+ text: "Sign tags with GPG";
+ checked <=> root.tag-gpgsign;
+ }
+ }
}

- LineEdit {
- placeholder-text: "sendemail.smtpuser";
- text <=> root.sendemail-smtpuser;
- }
+ // ── Email sending ──
+ Card {
+ VerticalBox {
+ padding: 20px;
+ spacing: 10px;

- HorizontalBox {
- spacing: 12px;
+ SectionTitle {
+ text: "Email sending (sendemail)";
+ }

- VerticalBox {
- spacing: 4px;
+ Text {
+ text: "From";
+ font-size: 13px;
+ }
+
+ LineEdit {
+ placeholder-text: "Name <y...@example.com>";
+ text <=> root.sendemail-from;
+ }

Text {
- text: "SMTP server";
+ text: "SMTP username";
+ font-size: 13px;
}

LineEdit {
- placeholder-text: "smtp.example.com";
- text <=> root.sendemail-smtpserver;
+ placeholder-text: "sendemail.smtpuser";
+ text <=> root.sendemail-smtpuser;
}
- }

- VerticalBox {
- spacing: 4px;
+ HorizontalBox {
+ spacing: 12px;
+
+ VerticalBox {
+ spacing: 4px;
+
+ Text {
+ text: "SMTP server";
+ font-size: 13px;
+ }
+
+ LineEdit {
+ placeholder-text: "smtp.example.com";
+ text <=> root.sendemail-smtpserver;
+ }
+ }
+
+ VerticalBox {
+ spacing: 4px;
+
+ Text {
+ text: "Port";
+ font-size: 13px;
+ }
+
+ LineEdit {
+ width: 96px;
+ input-type: number;
+ placeholder-text: "465";
+ text <=> root.sendemail-smtpserverport;
+ }
+ }
+ }

Text {
- text: "Port";
+ text: "Encryption";
+ font-size: 13px;
}

- LineEdit {
- width: 100px;
- input-type: number;
- placeholder-text: "465";
- text <=> root.sendemail-smtpserverport;
+ ComboBox {
+ model: root.encryption-options;
+ current-value <=> root.encryption-selected-value;
}
}
}

- Text {
- text: "Encryption";
- }
+ // ── CLI preview ──
+ Card {
+ VerticalBox {
+ padding: 16px;
+ spacing: 6px;

- ComboBox {
- model: root.encryption-options;
- current-value <=> root.encryption-selected-value;
- }
+ SectionTitle {
+ text: "git config --global";
+ }

- Button {
- text: "Save";
- primary: true;
- clicked => {
- root.save-clicked();
+ Text {
+ text: root.cli-preview;
+ font-family: "monospace";
+ font-size: 12px;
+ wrap: no-wrap;
+ overflow: elide;
+ }
+
+ Text {
+ text: "✓ written via git CLI";
+ font-family: "monospace";
+ font-size: 12px;
+ color: #66bb6a;
+ }
}
}

- Text {
- text: root.status-text;
- wrap: word-wrap;
+ // ── Save row ──
+ HorizontalBox {
+ spacing: 16px;
+
+ Text {
+ text: root.status-text;
+ wrap: word-wrap;
+ vertical-alignment: center;
+ horizontal-stretch: 1;
+ }
+
+ Button {
+ text: "Save";
+ primary: true;
+ clicked => {
+ root.save-clicked();
+ }
+ }
}
}
}
--
2.53.0

[Oliver Lin]

---
src/main.rs | 5 -----
ui/main.slint | 28 ----------------------------
2 files changed, 33 deletions(-)

diff --git a/src/main.rs b/src/main.rs
index a34c9dd..1c0d352 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -39,11 +39,6 @@ fn main() -> Result<(), slint::PlatformError> {
};
window.set_encryption_selected_value(encryption_selected);

- // CLI preview shown in the terminal-style card.
- window.set_cli_preview(
- "$ git config --global user.name\n$ git config --global user.email".into(),
- );
-

// Load local GPG secret keys.
let gpg_keys = gpg::list_keys().unwrap_or_default();
let mut gpg_display_to_fpr: Vec<(slint::SharedString, String)> = Vec::new();
diff --git a/ui/main.slint b/ui/main.slint

index 13e6ddb..d22f4a9 100644
--- a/ui/main.slint
+++ b/ui/main.slint
@@ -44,7 +44,6 @@ export component MainWindow inherits Window {

in-out property <string> encryption-selected-value;

in property <string> status-text;

- in property <string> cli-preview;

callback save-clicked();

property <bool> gpg-is-custom: root.gpg-selected-value == "Custom...";

@@ -222,33 +221,6 @@ export component MainWindow inherits Window {
}
}

- // ── CLI preview ──
- Card {
- VerticalBox {
- padding: 16px;
- spacing: 6px;
-
- SectionTitle {
- text: "git config --global";
- }
-
- Text {
- text: root.cli-preview;
- font-family: "monospace";
- font-size: 12px;
- wrap: no-wrap;
- overflow: elide;
- }
-
- Text {
- text: "✓ written via git CLI";
- font-family: "monospace";
- font-size: 12px;
- color: #66bb6a;
- }
- }
- }
-
// ── Save row ──
HorizontalBox {
spacing: 16px;
--
2.53.0

[Oliver Lin]

---
ui/main.slint | 277 ++++++++++++++++++++++++++++++--------------------
1 file changed, 167 insertions(+), 110 deletions(-)

diff --git a/ui/main.slint b/ui/main.slint
index 00dcc63..d22f4a9 100644
--- a/ui/main.slint
+++ b/ui/main.slint

@@ -1,9 +1,25 @@
-import { Button, LineEdit, VerticalBox, HorizontalBox, ComboBox, CheckBox, ScrollView } from "std-widgets.slint";
+import { Button, LineEdit, VerticalBox, HorizontalBox, ComboBox, Switch, ScrollView, Palette } from "std-widgets.slint";
+
+component Card inherits Rectangle {
+ background: Palette.alternate-background;
+ border-radius: 10px;
+ border-width: 1px;
+ border-color: Palette.alternate-background.darker(8%);
+
+ @children
+}
+
+component SectionTitle inherits Text {
+ font-size: 13px;
+ font-weight: 700;
+ opacity: 0.55;
+ letter-spacing: 0.6px;
+}

export component MainWindow inherits Window {

title: "GitTune";
- min-width: 600px;
- min-height: 580px;
+ min-width: 680px;
+ min-height: 640px;

in-out property <string> user-name;
in-out property <string> user-email;

@@ -35,153 +51,194 @@ export component MainWindow inherits Window {

-

- ComboBox {
- model: root.encryption-options;
- current-value <=> root.encryption-selected-value;
- }

+ // ── Save row ──
+ HorizontalBox {
+ spacing: 16px;

- Button {
- text: "Save";
- primary: true;
- clicked => {
- root.save-clicked();
+ Text {

+ text: root.status-text;
+ wrap: word-wrap;
+ vertical-alignment: center;
+ horizontal-stretch: 1;
}

- }

- Text {

- text: root.status-text;
- wrap: word-wrap;

[Oliver Lin]

---
ui/main.slint | 573 ++++++++++++++++++++++++++++++++++++--------------
1 file changed, 418 insertions(+), 155 deletions(-)

diff --git a/ui/main.slint b/ui/main.slint
index d22f4a9..1576b97 100644
--- a/ui/main.slint
+++ b/ui/main.slint
@@ -1,25 +1,161 @@
-import { Button, LineEdit, VerticalBox, HorizontalBox, ComboBox, Switch, ScrollView, Palette } from "std-widgets.slint";
+import { Button, LineEdit, VerticalBox, HorizontalBox, ComboBox, Switch, ScrollView } from "std-widgets.slint";
+
+// ── Palette (Adwaita dark inspired) ──
+global Adw {
+ out property <color> window-bg: #1b1b20;
+ out property <color> sidebar-bg: #232329;
+ out property <color> card-bg: #2c2c33;
+ out property <color> well-bg: #3a3a42;
+ out property <color> accent: #3584e4;
+ out property <color> accent-hover: #4a8ff0;
+ out property <color> text: #f2f2f5;
+ out property <color> text-dim: #9a9aa3;
+}

component Card inherits Rectangle {
- background: Palette.alternate-background;
- border-radius: 10px;
- border-width: 1px;
- border-color: Palette.alternate-background.darker(8%);
+ background: Adw.card-bg;
+ border-radius: 12px;

@children
}

component SectionTitle inherits Text {
- font-size: 13px;
+ color: Adw.text-dim;
+ font-size: 12px;
font-weight: 700;
- opacity: 0.55;
letter-spacing: 0.6px;
}

+component FieldLabel inherits Text {
+ color: Adw.text-dim;

+ font-size: 13px;
+}
+

+component NavItem inherits Rectangle {
+ in property <string> label;
+ in property <string> icon;
+ in property <bool> selected;
+ callback clicked();
+
+ height: 40px;
+ border-radius: 8px;
+ background: root.selected ? #ffffff1f : touch.has-hover ? #ffffff10 : transparent;
+
+ HorizontalLayout {
+ padding-left: 14px;
+ padding-right: 14px;
+ spacing: 12px;
+
+ Text {
+ text: root.icon;
+ color: root.selected ? Adw.text : Adw.text-dim;
+ font-size: 15px;
+ vertical-alignment: center;
+ }
+
+ Text {
+ text: root.label;
+ color: root.selected ? Adw.text : #d4d4da;
+ font-size: 14px;
+ font-weight: root.selected ? 700 : 400;
+ vertical-alignment: center;
+ }
+ }
+
+ touch := TouchArea {
+ mouse-cursor: pointer;
+ clicked => {
+ root.clicked();
+ }
+ }
+}
+
+component PillButton inherits Rectangle {
+ in property <string> label;
+ callback clicked();
+
+ width: 110px;
+ height: 40px;
+ border-radius: 20px;
+ background: touch.pressed ? Adw.accent.darker(10%) : touch.has-hover ? Adw.accent-hover : Adw.accent;
+
+ Text {
+ text: root.label;
+ color: white;
+ font-size: 14px;
+ font-weight: 700;
+ }
+
+ touch := TouchArea {
+ mouse-cursor: pointer;
+ clicked => {
+ root.clicked();
+ }
+ }
+}
+
+component Segmented inherits Rectangle {
+ in property <[string]> options;
+ in-out property <string> value;
+
+ height: 38px;
+ background: Adw.well-bg;
+ border-radius: 9px;
+
+ HorizontalLayout {
+ padding: 3px;
+ spacing: 3px;
+
+ for opt in root.options: Rectangle {
+ border-radius: 7px;
+ background: root.value == opt ? Adw.accent : seg-touch.has-hover ? #ffffff12 : transparent;
+
+ Text {
+ text: opt;
+ color: root.value == opt ? white : Adw.text-dim;
+ font-size: 13px;
+ font-weight: root.value == opt ? 700 : 400;
+ }
+
+ seg-touch := TouchArea {
+ mouse-cursor: pointer;
+ clicked => {
+ root.value = opt;
+ }
+ }
+ }
+ }
+}
+
+component ToggleRow inherits Rectangle {
+ in property <string> label;
+ in-out property <bool> checked;
+
+ height: 46px;
+
+ HorizontalLayout {
+ padding-left: 2px;
+ padding-right: 2px;
+
+ Text {
+ text: root.label;
+ color: Adw.text;
+ font-size: 14px;

+ vertical-alignment: center;
+ horizontal-stretch: 1;

+ }
+
+ Switch {
+ checked <=> root.checked;
+ }
+ }
+}

+
export component MainWindow inherits Window {
title: "GitTune";

- min-width: 680px;
- min-height: 640px;
+ min-width: 920px;
+ min-height: 620px;
+ background: Adw.window-bg;

in-out property <string> user-name;
in-out property <string> user-email;

@@ -48,195 +184,322 @@ export component MainWindow inherits Window {

property <bool> gpg-is-custom: root.gpg-selected-value == "Custom...";

property <bool> branch-is-custom: root.branch-selected-value == "Custom...";
+ in-out property <int> current-page: 0;

- ScrollView {
- VerticalBox {
- padding: 28px;
- spacing: 20px;
+ property <string> page-title: root.current-page == 0 ? "Identity" : root.current-page == 1 ? "Signing & Defaults" : "Email Sending";

- // ── Identity ──
- Card {
- VerticalBox {
- padding: 20px;
- spacing: 10px;
+ HorizontalLayout {
+ // ── Sidebar ──
+ Rectangle {
+ width: 240px;
+ background: Adw.sidebar-bg;

- SectionTitle {

- text: "Git identity (global)";
- }

-
- Text {
- text: "Name";
- font-size: 13px;
- }
+ VerticalLayout {
+ padding: 18px;
+ padding-top: 22px;
+ spacing: 4px;

- LineEdit {
- placeholder-text: "user.name";
- text <=> root.user-name;
- }

-
- Text {
- text: "Email";
- font-size: 13px;
- }
-

- LineEdit {
- placeholder-text: "user.email";
- text <=> root.user-email;
- }

- }
- }
-
- // ── GPG & Branch ──
- Card {
- VerticalBox {
- padding: 20px;
+ HorizontalLayout {
spacing: 10px;
+ height: 44px;

- SectionTitle {
- text: "Signing & defaults";
+ Rectangle {
+ width: 12px;
+ height: 12px;
+ border-radius: 6px;
+ background: Adw.accent;
+ y: (parent.height - self.height) / 2;

}

Text {
- text: "GPG signing key";

- font-size: 13px;
- }
-
- ComboBox {

- model: root.gpg-options;
- current-value <=> root.gpg-selected-value;
- }

-

- LineEdit {
- visible: root.gpg-is-custom;
- placeholder-text: "Key fingerprint or ID";
- text <=> root.gpg-custom-value;

+ text: "GitTune";
+ color: Adw.text;
+ font-size: 18px;
+ font-weight: 700;
+ vertical-alignment: center;

}
+ }

- Text {
- text: "Default branch";

- font-size: 13px;
- }
+ Rectangle {
+ height: 12px;

+ }

- ComboBox {
- model: root.branch-options;
- current-value <=> root.branch-selected-value;

+ NavItem {
+ icon: "◉";
+ label: "Identity";
+ selected: root.current-page == 0;
+ clicked => {
+ root.current-page = 0;

}
+ }

- LineEdit {
- visible: root.branch-is-custom;
- placeholder-text: "branch name";
- text <=> root.branch-custom-value;

+ NavItem {
+ icon: "✎";
+ label: "Signing & Defaults";
+ selected: root.current-page == 1;
+ clicked => {
+ root.current-page = 1;
}
+ }

- Rectangle {
- height: 1px;
- background: Palette.alternate-background.darker(8%);
+ NavItem {
+ icon: "✉";
+ label: "Email Sending";
+ selected: root.current-page == 2;
+ clicked => {
+ root.current-page = 2;
}
+ }

- Switch {

- text: "Sign commits with GPG";
- checked <=> root.commit-gpgsign;
- }

+ Rectangle {
+ vertical-stretch: 1;
+ }

- Switch {

- text: "Sign tags with GPG";
- checked <=> root.tag-gpgsign;
- }

+ Text {
+ text: "v1.2.0";
+ color: Adw.text-dim;
+ font-size: 11px;
+ horizontal-alignment: left;
}
}
+ }

- // ── Email sending ──
- Card {
- VerticalBox {
- padding: 20px;
- spacing: 10px;
-
- SectionTitle {

- text: "Email sending (sendemail)";
- }

+ // ── Separator ──
+ Rectangle {
+ width: 1px;
+ background: #ffffff10;

+ }

- Text {
- text: "From";

- font-size: 13px;
- }
+ // ── Content ──
+ Rectangle {
+ horizontal-stretch: 1;
+ background: Adw.window-bg;

- LineEdit {
- placeholder-text: "Name <y...@example.com>";
- text <=> root.sendemail-from;
- }

+ VerticalLayout {
+ // Header
+ Rectangle {
+ height: 76px;

Text {
- text: "SMTP username";

- font-size: 13px;
+ x: 32px;
+ text: root.page-title;
+ color: Adw.text;
+ font-size: 24px;
+ font-weight: 700;
+ vertical-alignment: center;

}
+ }

- LineEdit {
- placeholder-text: "sendemail.smtpuser";
- text <=> root.sendemail-smtpuser;
- }

-

- HorizontalBox {
- spacing: 12px;

-
- VerticalBox {
- spacing: 4px;

-
- Text {
- text: "SMTP server";
- font-size: 13px;
+ // Scrollable cards
+ ScrollView {
+ vertical-stretch: 1;
+
+ VerticalBox {
+ padding-left: 32px;
+ padding-right: 32px;
+ padding-bottom: 24px;
+ spacing: 18px;
+
+ // ── Page: Identity ──
+ if root.current-page == 0: Card {
+ VerticalBox {
+ padding: 22px;
+ spacing: 10px;
+

+ SectionTitle {
+ text: "Git identity (global)";
+ }

+
+ FieldLabel {
+ text: "Name";
+ }
+
+ LineEdit {

+ placeholder-text: "user.name";
+ text <=> root.user-name;
+ }

+
+ FieldLabel {
+ text: "Email";
+ }
+
+ LineEdit {

+ placeholder-text: "user.email";
+ text <=> root.user-email;
+ }
}
+ }

- LineEdit {

- placeholder-text: "smtp.example.com";
- text <=> root.sendemail-smtpserver;

+ // ── Page: Signing & Defaults ──
+ if root.current-page == 1: Card {
+ VerticalBox {
+ padding: 22px;
+ spacing: 10px;
+
+ SectionTitle {

+ text: "GPG signing key";
+ }

+

+ ComboBox {
+ model: root.gpg-options;
+ current-value <=> root.gpg-selected-value;
+ }

+

+ LineEdit {
+ visible: root.gpg-is-custom;
+ placeholder-text: "Key fingerprint or ID";
+ text <=> root.gpg-custom-value;
+ }

+
+ SectionTitle {

+ text: "Default branch";
+ }

+

+ ComboBox {
+ model: root.branch-options;
+ current-value <=> root.branch-selected-value;
+ }

+

+ LineEdit {
+ visible: root.branch-is-custom;
+ placeholder-text: "branch name";
+ text <=> root.branch-custom-value;
+ }
}
}

- VerticalBox {
- spacing: 4px;
-
- Text {
- text: "Port";
- font-size: 13px;
+ if root.current-page == 1: Card {
+ VerticalBox {
+ padding: 22px;
+ padding-top: 14px;
+ padding-bottom: 14px;
+ spacing: 4px;
+
+ SectionTitle {
+ text: "Signing";
+ }
+
+ ToggleRow {
+ label: "Sign commits with GPG";

+ checked <=> root.commit-gpgsign;
+ }

+

+ Rectangle {
+ height: 1px;

+ background: #ffffff0d;
+ }
+
+ ToggleRow {
+ label: "Sign tags with GPG";

+ checked <=> root.tag-gpgsign;
+ }
}
+ }

- LineEdit {

- width: 96px;

- input-type: number;
- placeholder-text: "465";
- text <=> root.sendemail-smtpserverport;

+ // ── Page: Email Sending ──
+ if root.current-page == 2: Card {
+ VerticalBox {
+ padding: 22px;
+ spacing: 10px;
+
+ SectionTitle {
+ text: "sendemail";
+ }
+
+ FieldLabel {
+ text: "From";

+ }
+
+ LineEdit {
+ placeholder-text: "Name <y...@example.com>";
+ text <=> root.sendemail-from;
+ }

+
+ FieldLabel {

+ text: "SMTP username";
+ }

+
+ LineEdit {

+ placeholder-text: "sendemail.smtpuser";
+ text <=> root.sendemail-smtpuser;

+ }
+
+ HorizontalBox {
+ spacing: 14px;
+
+ VerticalBox {
+ spacing: 6px;
+
+ FieldLabel {

+ text: "SMTP server";
+ }

+
+ LineEdit {
+ placeholder-text: "smtp.example.com";
+ text <=> root.sendemail-smtpserver;
+ }
+ }
+
+ VerticalBox {

+ spacing: 6px;
+
+ FieldLabel {
+ text: "Port";

+ }
+
+ LineEdit {
+ width: 96px;
+ input-type: number;
+ placeholder-text: "465";
+ text <=> root.sendemail-smtpserverport;
+ }
+ }
+ }
}
}

- }

- Text {
- text: "Encryption";
- font-size: 13px;
- }
+ if root.current-page == 2: Card {
+ VerticalBox {
+ padding: 22px;
+ spacing: 10px;

- ComboBox {
- model: root.encryption-options;
- current-value <=> root.encryption-selected-value;

+ SectionTitle {
+ text: "Encryption";
+ }
+
+ Segmented {
+ options: root.encryption-options;
+ value <=> root.encryption-selected-value;
+ }
+ }
+ }

}
}
- }
-
- // ── Save row ──

- HorizontalBox {
- spacing: 16px;

- Text {
- text: root.status-text;
- wrap: word-wrap;

- vertical-alignment: center;
- horizontal-stretch: 1;
- }
+ // ── Bottom bar ──
+ Rectangle {
+ height: 68px;
+
+ HorizontalLayout {
+ padding-left: 32px;
+ padding-right: 32px;
+ spacing: 16px;
+
+ Text {
+ text: root.status-text;
+ color: Adw.text-dim;
+ font-size: 13px;

+ wrap: word-wrap;
+ vertical-alignment: center;
+ horizontal-stretch: 1;

+ }

- Button {
- text: "Save";
- primary: true;
- clicked => {
- root.save-clicked();

+ PillButton {
+ label: "Save";

[Oliver Lin]

---
ui/main.slint | 1 +
1 file changed, 1 insertion(+)

diff --git a/ui/main.slint b/ui/main.slint
index 1576b97..57e0ff2 100644
--- a/ui/main.slint
+++ b/ui/main.slint
@@ -295,6 +295,7 @@ export component MainWindow inherits Window {
vertical-stretch: 1;

VerticalBox {
+ alignment: start;
padding-left: 32px;
padding-right: 32px;
padding-bottom: 24px;
--
2.53.0

[Oliver Lin]

Updated version strings in Cargo.toml, Cargo.lock, and UI components to synchronize the version to 1.3.0.
---
Cargo.lock | 2 +-
Cargo.toml | 2 +-
ui/main.slint | 2 +-
3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/Cargo.lock b/Cargo.lock
index 57b1d74..f128f69 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -4,7 +4,7 @@ version = 4

[[package]]
name = "GitTune"
-version = "1.2.0"
+version = "1.3.0"
dependencies = [
"slint",
"slint-build",
diff --git a/Cargo.toml b/Cargo.toml
index 6be9842..2698ef2 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -1,6 +1,6 @@
[package]
name = "GitTune"
-version = "1.2.0"
+version = "1.3.0"
edition = "2024"

[dependencies]
diff --git a/ui/main.slint b/ui/main.slint
index 57e0ff2..b8bffd6 100644
--- a/ui/main.slint
+++ b/ui/main.slint
@@ -256,7 +256,7 @@ export component MainWindow inherits Window {
}

Text {
- text: "v1.2.0";
+ text: "v1.3.0";
color: Adw.text-dim;
font-size: 11px;
horizontal-alignment: left;
--
2.53.0