From 0ca3b4561ce95f574a036fb424bee12be2b1f3c2 Mon Sep 17 00:00:00 2001 From: accusys Date: Sun, 29 Mar 2026 16:13:10 +0800 Subject: [PATCH] Fix font sizes: 12px for UI, 11px Bold for toolbar buttons (matching Java) --- ui/main_window.slint | 178 +++++++++++++++++++++---------------------- 1 file changed, 89 insertions(+), 89 deletions(-) diff --git a/ui/main_window.slint b/ui/main_window.slint index 8bd2718..bbde042 100644 --- a/ui/main_window.slint +++ b/ui/main_window.slint @@ -275,9 +275,9 @@ export component AppWindow inherits Window { background: #d4d0c8; HorizontalLayout { spacing: 2px; - Text { text: "Host"; font_size: 11px; font_weight: 700; width: 65px; } - Text { text: "IP"; font_size: 11px; font_weight: 700; width: 75px; } - Text { text: "Status"; font_size: 11px; font_weight: 700; width: 50px; } + Text { text: "Host"; font_size: 12px; font_weight: 700; width: 65px; } + Text { text: "IP"; font_size: 12px; font_weight: 700; width: 75px; } + Text { text: "Status"; font_size: 12px; font_weight: 700; width: 50px; } } } @@ -287,9 +287,9 @@ export component AppWindow inherits Window { background: #d4d0c8; HorizontalLayout { spacing: 2px; - Text { text: ctrl1_name; font_size: 11px; width: 65px; } - Text { text: ctrl1_ip; font_size: 11px; width: 75px; } - Text { text: ctrl1_status; font_size: 11px; color: #008000; width: 50px; } + Text { text: ctrl1_name; font_size: 12px; width: 65px; } + Text { text: ctrl1_ip; font_size: 12px; width: 75px; } + Text { text: ctrl1_status; font_size: 12px; color: #008000; width: 50px; } } } @@ -299,9 +299,9 @@ export component AppWindow inherits Window { background: #ffffff; HorizontalLayout { spacing: 2px; - Text { text: ctrl2_name; font_size: 11px; width: 65px; } - Text { text: ctrl2_ip; font_size: 11px; width: 75px; } - Text { text: ctrl2_status; font_size: 11px; width: 50px; } + Text { text: ctrl2_name; font_size: 12px; width: 65px; } + Text { text: ctrl2_ip; font_size: 12px; width: 75px; } + Text { text: ctrl2_status; font_size: 12px; width: 50px; } } } @@ -399,20 +399,20 @@ export component AppWindow inherits Window { HorizontalLayout { spacing: 20px; VerticalLayout { spacing: 3px; - Text { text: "Controller Name:"; font_size: 11px; font_weight: 700; horizontal-alignment: right; } - Text { text: "Model Name:"; font_size: 11px; font_weight: 700; horizontal-alignment: right; } - Text { text: "Serial Number:"; font_size: 11px; font_weight: 700; horizontal-alignment: right; } - Text { text: "Firmware Version:"; font_size: 11px; font_weight: 700; horizontal-alignment: right; } - Text { text: "BIOS Version:"; font_size: 11px; font_weight: 700; horizontal-alignment: right; } - Text { text: "Status:"; font_size: 11px; font_weight: 700; horizontal-alignment: right; } + Text { text: "Controller Name:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; } + Text { text: "Model Name:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; } + Text { text: "Serial Number:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; } + Text { text: "Firmware Version:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; } + Text { text: "BIOS Version:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; } + Text { text: "Status:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; } } VerticalLayout { spacing: 3px; - Text { text: ctrl1_name; font_size: 11px; } - Text { text: ctrl1_model; font_size: 11px; } - Text { text: ctrl1_sn; font_size: 11px; } - Text { text: ctrl1_firmware; font_size: 11px; } - Text { text: "1.2.3.4"; font_size: 11px; } - Text { text: ctrl1_status; font_size: 11px; color: #008000; } + Text { text: ctrl1_name; font_size: 12px; } + Text { text: ctrl1_model; font_size: 12px; } + Text { text: ctrl1_sn; font_size: 12px; } + Text { text: ctrl1_firmware; font_size: 12px; } + Text { text: "1.2.3.4"; font_size: 12px; } + Text { text: ctrl1_status; font_size: 12px; color: #008000; } } } } @@ -430,19 +430,19 @@ export component AppWindow inherits Window { spacing: 4px; HorizontalLayout { Text { text: raid1_name; font_size: 12px; font_weight: 700; } - Text { text: raid1_status; font_size: 11px; color: #008000; } + Text { text: raid1_status; font_size: 12px; color: #008000; } } HorizontalLayout { spacing: 20px; VerticalLayout { spacing: 3px; - Text { text: "RAID Level:"; font_size: 11px; font_weight: 700; horizontal-alignment: right; } - Text { text: "Capacity:"; font_size: 11px; font_weight: 700; horizontal-alignment: right; } - Text { text: "Usage:"; font_size: 11px; font_weight: 700; horizontal-alignment: right; } + Text { text: "RAID Level:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; } + Text { text: "Capacity:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; } + Text { text: "Usage:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; } } VerticalLayout { spacing: 3px; - Text { text: raid1_level; font_size: 11px; } - Text { text: raid1_capacity; font_size: 11px; } - Text { text: raid1_usage; font_size: 11px; } + Text { text: raid1_level; font_size: 12px; } + Text { text: raid1_capacity; font_size: 12px; } + Text { text: raid1_usage; font_size: 12px; } } } } @@ -454,19 +454,19 @@ export component AppWindow inherits Window { spacing: 4px; HorizontalLayout { Text { text: raid2_name; font_size: 12px; font_weight: 700; } - Text { text: raid2_status; font_size: 11px; color: #008000; } + Text { text: raid2_status; font_size: 12px; color: #008000; } } HorizontalLayout { spacing: 20px; VerticalLayout { spacing: 3px; - Text { text: "RAID Level:"; font_size: 11px; font_weight: 700; horizontal-alignment: right; } - Text { text: "Capacity:"; font_size: 11px; font_weight: 700; horizontal-alignment: right; } - Text { text: "Usage:"; font_size: 11px; font_weight: 700; horizontal-alignment: right; } + Text { text: "RAID Level:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; } + Text { text: "Capacity:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; } + Text { text: "Usage:"; font_size: 12px; font_weight: 700; horizontal-alignment: right; } } VerticalLayout { spacing: 3px; - Text { text: raid2_level; font_size: 11px; } - Text { text: raid2_capacity; font_size: 11px; } - Text { text: raid2_usage; font_size: 11px; } + Text { text: raid2_level; font_size: 12px; } + Text { text: raid2_capacity; font_size: 12px; } + Text { text: raid2_usage; font_size: 12px; } } } } @@ -483,11 +483,11 @@ export component AppWindow inherits Window { background: #d4d0c8; HorizontalLayout { spacing: 8px; - Text { text: "Location"; font_size: 11px; font_weight: 700; width: 120px; } - Text { text: "Vendor"; font_size: 11px; font_weight: 700; width: 80px; } - Text { text: "Model"; font_size: 11px; font_weight: 700; width: 140px; } - Text { text: "Capacity"; font_size: 11px; font_weight: 700; width: 70px; } - Text { text: "Status"; font_size: 11px; font_weight: 700; width: 60px; } + Text { text: "Location"; font_size: 12px; font_weight: 700; width: 120px; } + Text { text: "Vendor"; font_size: 12px; font_weight: 700; width: 80px; } + Text { text: "Model"; font_size: 12px; font_weight: 700; width: 140px; } + Text { text: "Capacity"; font_size: 12px; font_weight: 700; width: 70px; } + Text { text: "Status"; font_size: 12px; font_weight: 700; width: 60px; } } } @@ -496,11 +496,11 @@ export component AppWindow inherits Window { background: #d4d0c8; HorizontalLayout { spacing: 8px; - Text { text: disk1_loc; font_size: 11px; width: 120px; } - Text { text: disk1_vendor; font_size: 11px; width: 80px; } - Text { text: disk1_model; font_size: 11px; width: 140px; } - Text { text: disk1_capacity; font_size: 11px; width: 70px; } - Text { text: disk1_status; font_size: 11px; color: #008000; width: 60px; } + Text { text: disk1_loc; font_size: 12px; width: 120px; } + Text { text: disk1_vendor; font_size: 12px; width: 80px; } + Text { text: disk1_model; font_size: 12px; width: 140px; } + Text { text: disk1_capacity; font_size: 12px; width: 70px; } + Text { text: disk1_status; font_size: 12px; color: #008000; width: 60px; } } } @@ -509,11 +509,11 @@ export component AppWindow inherits Window { background: #ffffff; HorizontalLayout { spacing: 8px; - Text { text: disk2_loc; font_size: 11px; width: 120px; } - Text { text: disk2_vendor; font_size: 11px; width: 80px; } - Text { text: disk2_model; font_size: 11px; width: 140px; } - Text { text: disk2_capacity; font_size: 11px; width: 70px; } - Text { text: disk2_status; font_size: 11px; color: #008000; width: 60px; } + Text { text: disk2_loc; font_size: 12px; width: 120px; } + Text { text: disk2_vendor; font_size: 12px; width: 80px; } + Text { text: disk2_model; font_size: 12px; width: 140px; } + Text { text: disk2_capacity; font_size: 12px; width: 70px; } + Text { text: disk2_status; font_size: 12px; color: #008000; width: 60px; } } } @@ -522,11 +522,11 @@ export component AppWindow inherits Window { background: #d4d0c8; HorizontalLayout { spacing: 8px; - Text { text: disk3_loc; font_size: 11px; width: 120px; } - Text { text: disk3_vendor; font_size: 11px; width: 80px; } - Text { text: disk3_model; font_size: 11px; width: 140px; } - Text { text: disk3_capacity; font_size: 11px; width: 70px; } - Text { text: disk3_status; font_size: 11px; color: #008000; width: 60px; } + Text { text: disk3_loc; font_size: 12px; width: 120px; } + Text { text: disk3_vendor; font_size: 12px; width: 80px; } + Text { text: disk3_model; font_size: 12px; width: 140px; } + Text { text: disk3_capacity; font_size: 12px; width: 70px; } + Text { text: disk3_status; font_size: 12px; color: #008000; width: 60px; } } } @@ -535,11 +535,11 @@ export component AppWindow inherits Window { background: #ffffff; HorizontalLayout { spacing: 8px; - Text { text: disk4_loc; font_size: 11px; width: 120px; } - Text { text: disk4_vendor; font_size: 11px; width: 80px; } - Text { text: disk4_model; font_size: 11px; width: 140px; } - Text { text: disk4_capacity; font_size: 11px; width: 70px; } - Text { text: disk4_status; font_size: 11px; color: #008000; width: 60px; } + Text { text: disk4_loc; font_size: 12px; width: 120px; } + Text { text: disk4_vendor; font_size: 12px; width: 80px; } + Text { text: disk4_model; font_size: 12px; width: 140px; } + Text { text: disk4_capacity; font_size: 12px; width: 70px; } + Text { text: disk4_status; font_size: 12px; color: #008000; width: 60px; } } } } @@ -554,10 +554,10 @@ export component AppWindow inherits Window { background: #d4d0c8; HorizontalLayout { spacing: 8px; - Text { text: "Date/Time"; font_size: 11px; font_weight: 700; width: 130px; } - Text { text: "Level"; font_size: 11px; font_weight: 700; width: 50px; } - Text { text: "Source"; font_size: 11px; font_weight: 700; width: 60px; } - Text { text: "Message"; font_size: 11px; font_weight: 700; width: 300px; } + Text { text: "Date/Time"; font_size: 12px; font_weight: 700; width: 130px; } + Text { text: "Level"; font_size: 12px; font_weight: 700; width: 50px; } + Text { text: "Source"; font_size: 12px; font_weight: 700; width: 60px; } + Text { text: "Message"; font_size: 12px; font_weight: 700; width: 300px; } } } @@ -566,10 +566,10 @@ export component AppWindow inherits Window { background: #d4d0c8; HorizontalLayout { spacing: 8px; - Text { text: evtime1; font_size: 11px; width: 130px; } - Text { text: evlevel1; font_size: 11px; color: #008000; width: 50px; } - Text { text: evsource1; font_size: 11px; width: 60px; } - Text { text: evmsg1; font_size: 11px; width: 300px; } + Text { text: evtime1; font_size: 12px; width: 130px; } + Text { text: evlevel1; font_size: 12px; color: #008000; width: 50px; } + Text { text: evsource1; font_size: 12px; width: 60px; } + Text { text: evmsg1; font_size: 12px; width: 300px; } } } @@ -578,10 +578,10 @@ export component AppWindow inherits Window { background: #ffffff; HorizontalLayout { spacing: 8px; - Text { text: evtime2; font_size: 11px; width: 130px; } - Text { text: evlevel2; font_size: 11px; color: #008000; width: 50px; } - Text { text: evsource2; font_size: 11px; width: 60px; } - Text { text: evmsg2; font_size: 11px; width: 300px; } + Text { text: evtime2; font_size: 12px; width: 130px; } + Text { text: evlevel2; font_size: 12px; color: #008000; width: 50px; } + Text { text: evsource2; font_size: 12px; width: 60px; } + Text { text: evmsg2; font_size: 12px; width: 300px; } } } @@ -590,10 +590,10 @@ export component AppWindow inherits Window { background: #d4d0c8; HorizontalLayout { spacing: 8px; - Text { text: evtime3; font_size: 11px; width: 130px; } - Text { text: evlevel3; font_size: 11px; color: #ffa500; width: 50px; } - Text { text: evsource3; font_size: 11px; width: 60px; } - Text { text: evmsg3; font_size: 11px; width: 300px; } + Text { text: evtime3; font_size: 12px; width: 130px; } + Text { text: evlevel3; font_size: 12px; color: #ffa500; width: 50px; } + Text { text: evsource3; font_size: 12px; width: 60px; } + Text { text: evmsg3; font_size: 12px; width: 300px; } } } @@ -602,10 +602,10 @@ export component AppWindow inherits Window { background: #ffffff; HorizontalLayout { spacing: 8px; - Text { text: evtime4; font_size: 11px; width: 130px; } - Text { text: evlevel4; font_size: 11px; color: #008000; width: 50px; } - Text { text: evsource4; font_size: 11px; width: 60px; } - Text { text: evmsg4; font_size: 11px; width: 300px; } + Text { text: evtime4; font_size: 12px; width: 130px; } + Text { text: evlevel4; font_size: 12px; color: #008000; width: 50px; } + Text { text: evsource4; font_size: 12px; width: 60px; } + Text { text: evmsg4; font_size: 12px; width: 300px; } } } @@ -614,10 +614,10 @@ export component AppWindow inherits Window { background: #d4d0c8; HorizontalLayout { spacing: 8px; - Text { text: evtime5; font_size: 11px; width: 130px; } - Text { text: evlevel5; font_size: 11px; color: #008000; width: 50px; } - Text { text: evsource5; font_size: 11px; width: 60px; } - Text { text: evmsg5; font_size: 11px; width: 300px; } + Text { text: evtime5; font_size: 12px; width: 130px; } + Text { text: evlevel5; font_size: 12px; color: #008000; width: 50px; } + Text { text: evsource5; font_size: 12px; width: 60px; } + Text { text: evmsg5; font_size: 12px; width: 300px; } } } } @@ -633,28 +633,28 @@ export component AppWindow inherits Window { spacing: 16px; Text { text: "Controllers: " + controller_count; - font_size: 11px; + font_size: 12px; color: #000000; } Text { text: "RAID Arrays: " + raid_count; - font_size: 11px; + font_size: 12px; color: #000000; } Text { text: "Drives: " + disk_count; - font_size: 11px; + font_size: 12px; color: #000000; } Rectangle { width: 100px; } Text { text: "Auto Refresh: " + (auto_refresh ? "On" : "Off"); - font_size: 11px; + font_size: 12px; color: #000000; } Text { text: status_text; - font_size: 11px; + font_size: 12px; color: connected ? #008000 : #ff0000; } }