style(tdesign-toc_container): fix max-height

[liweijie0812]

🤔 这个 PR 的性质是？

• 日常 bug 修复
• 新特性提交
• 文档改进
• 演示代码改进
• 组件样式/交互改进
• CI/CD 改进
• 重构
• 代码风格优化
• 测试用例
• 分支合并
• 其他

🔗 相关 Issue

💡 需求背景和解决方案

📝 更新日志

• fix(组件名称): 处理问题或特性描述 ...

• 本条 PR 不需要纳入 Changelog

☑️ 请求合并前的自查清单

⚠️ 请自检并全部勾选全部选项。⚠️

• 文档已补充或无须补充
• 代码演示已提供或无须提供
• TypeScript 定义已补充或无须补充
• Changelog 已提供或无须提供

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/Tencent/tdesign/@tdesign/site-components@769

npm i https://pkg.pr.new/Tencent/tdesign/@tdesign/theme-generator@769

commit: 503df44

[tdesign-bot]

TDesign Component Site Preview CI Open

Sites (8)

Component	Preview
tdesign-site
tdesign-vue
tdesign-react
tdesign-vue-next
@tdesign-vue-next/chat
tdesign-mobile-vue
tdesign-mobile-react
tdesign-miniprogram

[Copilot]

Pull request overview

This PR adds a min-height: 480px property to the .tdesign-toc_container (Table of Contents container) in the documentation styles. However, this creates a logical conflict with the existing responsive max-height property.

Key Changes

• Added min-height: 480px to the TOC container styling

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

Setting min-height: 480px creates a conflict with the max-height on the next line. The max-height uses min(calc(100vh - 550px), 480px), which means when the viewport height is less than 1030px (550px + 480px), the max-height will be less than 480px, but min-height enforces a minimum of 480px. This results in min-height overriding max-height, which defeats the purpose of the responsive max-height calculation.

Consider removing this min-height property, or adjusting the logic so that min-height is always less than or equal to the possible max-height values.

Suggested change

min-height: 480px;