From 8c7e0f0ee7a372a710da33d9e3a6cb1db67cda01 Mon Sep 17 00:00:00 2001
From: Xin Wang <your-email@example.com>
Date: Mon, 13 Jul 2026 08:14:00 +0800
Subject: [PATCH] Update LoginPage placeholder text and refine MobileCallPage
 styling
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Change the placeholder text in LoginPage from "admin" to "请输入用户名" for better localization.
- Adjust the styling of the floating video panel in MobileCallPage to improve responsiveness and maintain aspect ratio across different screen sizes.
---
 frontend/src/app/login/page.tsx                  | 2 +-
 frontend/src/components/pages/MobileCallPage.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/login/page.tsx b/frontend/src/app/login/page.tsx
index fa2748c..00b88d6 100644
--- a/frontend/src/app/login/page.tsx
+++ b/frontend/src/app/login/page.tsx
@@ -72,7 +72,7 @@ export default function LoginPage() {
                 autoComplete="username"
                 value={username}
                 onChange={(event) => setUsername(event.target.value)}
-                placeholder="admin"
+                placeholder="请输入用户名"
               />
             </label>
             <label className="block space-y-2">
diff --git a/frontend/src/components/pages/MobileCallPage.tsx b/frontend/src/components/pages/MobileCallPage.tsx
index a70a4d9..c995299 100644
--- a/frontend/src/components/pages/MobileCallPage.tsx
+++ b/frontend/src/components/pages/MobileCallPage.tsx
@@ -220,7 +220,7 @@ function MobileCallVisualWorkspace({
             ref={floatingVideoRef}
             type="button"
             style={{ left: position.x, top: position.y }}
-            className="absolute z-10 aspect-video w-[clamp(7.5rem,38vw,10rem)] touch-none overflow-hidden rounded-2xl border border-white/20 bg-black shadow-2xl ring-1 ring-black/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/50"
+            className="absolute z-10 aspect-[3/4] w-[clamp(7rem,34vw,9.25rem)] touch-none overflow-hidden rounded-2xl border border-white/20 bg-black shadow-2xl ring-1 ring-black/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/50 landscape:aspect-video landscape:w-[clamp(8rem,28vw,10rem)]"
             aria-label="拖动摄像头浮窗，点击切换到视频流"
             onPointerDown={(event) => {
               event.currentTarget.setPointerCapture(event.pointerId);