feat:调整1080*1920样式
All checks were successful
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 2m0s

This commit is contained in:
xupan 2026-07-13 19:11:21 +08:00
parent 36cd9aeaf0
commit 1be7759250

View File

@ -1691,6 +1691,111 @@ async function handleVoiceQueryComplete(text: string) {
}
}
/* 1080×1920 分辨率专用优化 */
@media (width: 1080px) and (height: 1920px) {
.connect-overlay {
padding-top: 26vh;
}
.connect-card {
width: 500px;
padding: 72px 48px;
border-radius: 48px;
}
.connect-platform {
width: 68%;
bottom: 8%;
}
.connect-avatar {
width: 118px;
height: 118px;
border-width: 4px;
}
.connect-logo {
margin-bottom: 30px;
}
.connect-title {
font-size: 34px;
margin-bottom: 14px;
letter-spacing: 0.6px;
}
.connect-desc {
font-size: 17px;
margin-bottom: 44px;
line-height: 1.55;
}
.connect-actions {
margin-bottom: 0;
}
.connect-btn {
padding: 22px 40px;
font-size: 19px;
border-radius: 34px;
}
/* 已连接状态:右侧控制按钮尺寸放大,确保触控响应区域充足 */
.side-controls {
right: 32px;
gap: 18px;
}
.mic-btn,
.interrupt-btn,
.hangup-btn {
width: 168px;
height: 168px;
border-radius: 48px;
.mic-label,
.interrupt-label,
.hangup-label {
font-size: 24px;
}
}
.mic-btn-ring {
inset: -16px;
border-radius: 60px;
}
/* 顶部状态栏 */
.top-bar {
padding: 36px 48px;
}
.status-text {
font-size: 17px;
}
.status-dot {
width: 12px;
height: 12px;
}
/* 字幕区域 */
.subtitle-overlay {
width: 76%;
top: 68%;
}
.subtitle-container {
padding: 18px 24px;
border-radius: 20px;
}
.status-hint {
font-size: 44px;
letter-spacing: 3px;
bottom: 20%;
}
}
/* 1440×2560 分辨率专用优化 */
@media (width: 1440px) and (height: 2560px) {
.connect-overlay {