feat(desktop-client): adapt title bar and drag region for Windows/Linux
Frontend CI / Frontend (push) Has been cancelled

- Add appTitleBarStyle() and appTitleBarOverlay() helpers for cross-platform title bar
- Use titleBarOverlay on Windows/Linux so system caption buttons render correctly
- Disable minimize button on login window (non-resizable, no need to minimize)
- Detect platform at renderer startup and set data-platform on <html> for CSS targeting
- DesktopShell: flip drag bar layout — full-width minus caption area on Win/Linux, traffic-light gap on macOS
- LoginView: move top-bar to Win/Linux caption area (top: 34px), mirror to left on macOS

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Xu Liang
2026-05-01 18:02:52 +08:00
parent b7e096ae37
commit 5cd5d6685b
4 changed files with 43 additions and 8 deletions
+2
View File
@@ -33,6 +33,8 @@ function syncWindowMode(authenticated: boolean): void {
const rendererWindowMode = resolveRendererWindowMode();
document.documentElement.dataset.windowMode = rendererWindowMode;
document.documentElement.dataset.platform =
navigator.platform.toLowerCase().includes("mac") ? "darwin" : "win32";
const usesAutomaticWindowMode = rendererWindowMode === "auto";
const showsSettingsSurface = rendererWindowMode === "settings";
const showsMainSurface = computed(() =>