[*] improve ui

Author: heng30

wayshot/ui/desktop-window.slint

@@ -19,8 +19,8 @@ import {
 import { DesktopPanel } from "panel/desktop/desktop.slint";
 
 export component AppWindow inherits Window {
-    width: Theme.default-width;
-    height: Theme.default-height;
+    preferred-width: Theme.default-width;
+    preferred-height: Theme.default-height;
     default-font-size: Theme.default-font-size;
     default-font-weight: Theme.normal-font-weight;
     default-font-family: Theme.default-font-family;

wayshot/ui/panel/desktop/desktop.slint

@@ -100,7 +100,6 @@ component HorizontalStatusBar inherits StatusBar {
     icon: Icons.brand;
     title: AboutSetting.app-name;
     is-show-tip: true;
-    disable-maximal: true;
 
     HorizontalLayout {
         padding-right: Theme.padding * 2;
@@ -231,6 +230,7 @@ export component DesktopPanel inherits Rectangle {
 
             Home {
                 vertical-stretch: 1;
+                height: root.height - (Store.setting-preference.no-frame ? Theme.header-height : 0);
             }
         }
     }

wayshot/ui/panel/desktop/home.slint

@@ -5,9 +5,13 @@ import { PlayerPanel } from "player.slint";
 import { HistoryPanel } from "history.slint";
 
 export component Home inherits VerticalLayout {
-    if Store.current-tab-index == TabIndex.Home: MainPanel { }
+    if Store.current-tab-index == TabIndex.Home: MainPanel {
+        height: parent.height;
+    }
 
     if Store.current-tab-index == TabIndex.History: HistoryPanel { }
 
-    if Store.current-tab-index == TabIndex.Player: PlayerPanel { }
+    if Store.current-tab-index == TabIndex.Player: PlayerPanel {
+        height: parent.height;
+    }
 }

wayshot/ui/panel/desktop/main.slint

@@ -492,7 +492,7 @@ export component MainPanel inherits VerticalLayout {
     }
 
     PreviewPanel {
-        height: Theme.default-height - cp.preferred-height - cp.padding * 2 - parent.padding * 2 - parent.spacing - (Store.setting-preference.no-frame ? Theme.header-height : 0) - (root.is-show-banners ? root.banner-height : 0);
+        height: parent.height - cp.preferred-height - cp.padding * 2 - parent.padding * 2 - parent.spacing - (root.is-show-banners ? root.banner-height : 0);
     }
 
     cp := ControlPanel { }

wayshot/ui/panel/desktop/player.slint

@@ -2,7 +2,7 @@ import { Theme, Icons, Util, Logic, Store, PopupIndex } from "../def.slint";
 import { VideoPlayer } from "../../base/widgets.slint";
 
 export component PlayerPanel inherits VideoPlayer {
-    height: Theme.default-height - (Store.setting-preference.no-frame ? Theme.header-height : 0);
+    height: 100%;
     show-speed-btn: false;
     show-subtitle-btn: false;
     show-full-screen-btn: false;