zit-studio-code index
From: Oliver Lin <oli...@liuxiaozhen.dev>
To: zit-studio-code@googlegroups.com
Subject: [GitTune][PATCH] feat(ui): align main window layout with website mock
Date: Tue, 06 Oct 2026 07:23:37 +0000
Message-ID: <AIH18wWiAQAJ.NUITClLYXwc@googlegroups.com>

 
     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";
-            }

[previous | next | thread start | thread overview | mbox]

archive of zit-studio-code@googlegroups.com