[*] improve ui

src/version.rs

@@ -1 +1 @@
-pub static VERSION: &str = "v0.7.6";
+pub static VERSION: &str = "v0.7.7";

ui/appwindow.slint

@@ -11,9 +11,6 @@ export component AppWindow inherits Window {
     preferred-width: Theme.default-width;
     preferred-height: Theme.default-height;
 
-    // width: Theme.default-width;
-    // height: Theme.default-height;
-
     background: Theme.base-background-light;
     icon: Icons.brand;
     title: "rssbox";

ui/base/head.slint

@@ -1,13 +1,16 @@
 import { Theme, Icons } from "../theme.slint";
 import { IconBtn } from "./icon-btn.slint";
+import { Divider } from "./divider.slint";
 
 export component Head inherits Rectangle {
     height: Theme.header-height;
+    background: Theme.base-background-light;
 
-    in-out property<string> title;
+    in-out property <bool> is-show-divider;
+    in-out property <string> title;
     in-out property icon <=> ic.icon;
     in-out property icon-width <=> ic.icon-width;
-    in-out property<LayoutAlignment> hbox-alignment: LayoutAlignment.stretch;
+    in-out property <LayoutAlignment> hbox-alignment: LayoutAlignment.stretch;
 
     callback clicked <=> ic.clicked;
 
@@ -26,4 +29,9 @@ export component Head inherits Rectangle {
         @children
     }
 
+    if is-show-divider : Divider {
+        x: 0;
+        y: root.height - self.height;
+        background: Theme.lighter-border-color;
+    }
 }

ui/panel/bodyer/favorite.slint

@@ -9,6 +9,7 @@ import { Theme } from "../../theme.slint";
 component FHead inherits Head {
     callback scroll-to-top <=> ta.clicked;
 
+    is-show-divider: true;
     icon: Icons.favorite-fill;
     title: Logic.tr(Store.is-cn, "收藏夹");
 

ui/panel/bodyer/rss.slint

@@ -11,6 +11,7 @@ component RHead inherits Head {
 
     icon: Icons.list;
     title: Logic.tr(Store.is-cn, "订阅");
+    is-show-divider: true;
 
     HorizontalLayout {
         horizontal-stretch: 1;