From 3b15fdb140220834f39a29cf9e4ab3af51062113 Mon Sep 17 00:00:00 2001 From: admin Date: Fri, 13 Mar 2026 11:39:14 +0800 Subject: [PATCH] fix(ui): Logo to PNG, start.sh port fix, LOGIN position, Up/Down horizontal - Logo: Use LOGO_TCK_small.png instead of SVG - start.sh: Fix arbitrary port handling (dev:8888 now works) - Header: Move LOGIN indicator to top-left next to logo - NavigationButtons: Make Up/Down horizontal, match title size --- logo/LOGO_TCK_small.png | Bin 0 -> 4806 bytes sample_interface/src/app/components/Header.tsx | 16 ++++++++-------- .../src/app/components/NavigationButtons.tsx | 16 ++++++++-------- start.sh | 3 +++ 4 files changed, 19 insertions(+), 16 deletions(-) create mode 100644 logo/LOGO_TCK_small.png diff --git a/logo/LOGO_TCK_small.png b/logo/LOGO_TCK_small.png new file mode 100644 index 0000000000000000000000000000000000000000..3e5dcec9da8da2f52bc5c7f94a1c5b10b71ec0dc GIT binary patch literal 4806 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 - {/* Logo */} -
- TCK - RTU + {/* Logo + Login (left side) */} +
+
+ TCK + RTU +
+
@@ -84,9 +87,6 @@ export function Header() { {data.station.version}
- {/* Login Status */} - - {/* Solar Voltage */}
Solar: diff --git a/sample_interface/src/app/components/NavigationButtons.tsx b/sample_interface/src/app/components/NavigationButtons.tsx index 24769deb1..cf577b1f6 100644 --- a/sample_interface/src/app/components/NavigationButtons.tsx +++ b/sample_interface/src/app/components/NavigationButtons.tsx @@ -2,7 +2,7 @@ import { ChevronUp, ChevronDown } from "lucide-react"; import { Button } from "./ui/button"; export function NavigationButtons() { - const scrollAmount = 300; // pixels to scroll + const scrollAmount = 200; const scrollUp = () => { const panel = document.getElementById("details-panel"); @@ -19,20 +19,20 @@ export function NavigationButtons() { }; return ( -
+
); diff --git a/start.sh b/start.sh index d82c9e1c5..3397c3374 100755 --- a/start.sh +++ b/start.sh @@ -191,6 +191,9 @@ if [ $# -gt 0 ]; then elif [[ "$1" == preview:* ]]; then port="${1#preview:}" run_preview_server "$port" + elif [[ "$1" =~ ^[[:digit:]]+$ ]]; then + # Direct port number + run_dev_server "$1" else run_command "$1" fi