Update LoginPage placeholder text and refine MobileCallPage styling
- 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.
This commit is contained in:
@@ -72,7 +72,7 @@ export default function LoginPage() {
|
|||||||
autoComplete="username"
|
autoComplete="username"
|
||||||
value={username}
|
value={username}
|
||||||
onChange={(event) => setUsername(event.target.value)}
|
onChange={(event) => setUsername(event.target.value)}
|
||||||
placeholder="admin"
|
placeholder="请输入用户名"
|
||||||
/>
|
/>
|
||||||
</label>
|
</label>
|
||||||
<label className="block space-y-2">
|
<label className="block space-y-2">
|
||||||
|
|||||||
@@ -220,7 +220,7 @@ function MobileCallVisualWorkspace({
|
|||||||
ref={floatingVideoRef}
|
ref={floatingVideoRef}
|
||||||
type="button"
|
type="button"
|
||||||
style={{ left: position.x, top: position.y }}
|
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="拖动摄像头浮窗,点击切换到视频流"
|
aria-label="拖动摄像头浮窗,点击切换到视频流"
|
||||||
onPointerDown={(event) => {
|
onPointerDown={(event) => {
|
||||||
event.currentTarget.setPointerCapture(event.pointerId);
|
event.currentTarget.setPointerCapture(event.pointerId);
|
||||||
|
|||||||
Reference in New Issue
Block a user