feat:调整1080*1920样式
All checks were successful
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 2m0s
All checks were successful
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 2m0s
This commit is contained in:
parent
36cd9aeaf0
commit
1be7759250
105
src/App.vue
105
src/App.vue
@ -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 {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user