diff --git a/src/views/webviewContent.ts b/src/views/webviewContent.ts index 8b7dbfb..a328076 100644 --- a/src/views/webviewContent.ts +++ b/src/views/webviewContent.ts @@ -400,6 +400,66 @@ export function getWebviewContent( .quick-btn:hover { background: var(--vscode-button-secondaryHoverBackground); } + + /* 响应式调整 */ + @media (max-height: 600px) { + .header { + /* 使用 clamp 动态调整内边距: 最小值 5px, 理想值 2vh, 最大值 20px */ + padding: clamp(5px, 2vh, 20px) 20px; + flex: 0 0 auto; + min-height: auto; + } + .header img { + /* 使用 clamp 动态调整图片高度: 最小值 40px, 理想值 10vh, 最大值 60px */ + max-height: clamp(40px, 10vh, 60px) !important; + } + .header p { + /* 使用 clamp 动态调整字体大小 */ + font-size: clamp(12px, 2.5vh, 14px) !important; + margin-top: clamp(4px, 1.5vh, 8px) !important; + line-height: 1.2 !important; + margin-bottom: clamp(4px, 1.5vh, 8px) !important; + } + .quick-actions { + margin-bottom: 5px; + gap: 5px; + } + .quick-btn { + padding: 4px 8px; + font-size: 12px; + } + .chat-container { + padding: 0 10px 10px 10px; + } + } + + /* 高度极小时隐藏描述文本 */ + @media (max-height: 450px) { + .header p { + display: none !important; + } + .header { + padding: 4px; + } + .quick-actions { + margin-bottom: 4px; + } + } + + @media (max-width: 480px) { + .header h1 { + font-size: 24px; + } + .header p { + font-size: 14px; + } + .quick-actions { + justify-content: center; + } + .chat-container { + padding: 0 10px 10px 10px; + } + } @@ -407,11 +467,13 @@ export function getWebviewContent( ${getProgressBarContent()} ${getInvitationModalContent(qrCodeUri, logoUri)}
-
- IC Coder -

IC Coder

+
+ IC Coder
-

The Agentic AI Verilog Coding Platform, 将芯片设计与验证的效率提升至少20倍！

+

+ The Agentic AI Verilog Coding Platform, + 将芯片设计与验证的效率提升至少20倍！ +