From d0462ca4b947f8a30096954da6ea85ab3c05b1ba Mon Sep 17 00:00:00 2001 From: Roe-xin Date: Wed, 28 Jan 2026 17:33:06 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=BC=BAWebView=E5=86=85?= =?UTF-8?q?=E5=AE=B9=E7=9A=84=E5=93=8D=E5=BA=94=E5=BC=8F=E8=AE=BE=E8=AE=A1?= =?UTF-8?q?=EF=BC=8C=E4=BC=98=E5=8C=96=E6=A0=B7=E5=BC=8F=E5=92=8C=E5=B8=83?= =?UTF-8?q?=E5=B1=80=EF=BC=8C=E6=9B=B4=E6=96=B0=E6=A0=87=E9=A2=98=E5=92=8C?= =?UTF-8?q?=E6=8F=8F=E8=BF=B0=E6=96=87=E6=9C=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/webviewContent.ts | 70 ++++++++++++++++++++++++++++++++++--- 1 file changed, 66 insertions(+), 4 deletions(-) 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倍！ +