site: optimize banner display

[chen201724]

[中文版模板 / Chinese template]

🤔 This is a ...

• New feature
• Bug fix
• Site / documentation update
• Demo update
• Component style update
• TypeScript definition update
• Bundle size optimization
• Performance optimization
• Enhancement feature
• Internationalization
• Refactoring
• Code style optimization
• Test Case
• Branch merge
• Workflow
• Other (about what?)

🔗 Related issue link

💡 Background and solution

📝 Changelog

Language	Changelog
🇺🇸 English
🇨🇳 Chinese

☑️ Self-Check before Merge

⚠️ Please check all items below before requesting a reviewing. ⚠️

• Doc is updated/provided or not needed
• Demo is updated/provided or not needed
• TypeScript definition is updated/provided or not needed
• Changelog is provided or not needed

---

🚀 Summary

Due to performance-related reasons, we previously decided to use position: absolute to display the banner below the top header on the website. However, this affected the display of certain parts of the website. Therefore, we have decided to revert back to the original approach.

🤖 Generated by Copilot at 184dcc4

Adjusted the layout and style of the header for mobile devices and added a banner slot. Fixed issue #32879 by moving the nav-phone-icon to the bottom of the header. Implemented feature request #32878 by removing the absolute positioning of the banner in Header/index.tsx.

🔍 Walkthrough

🤖 Generated by Copilot at 184dcc4

• Align nav-phone-icon with header bottom on mobile devices (link)

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[github-actions]

[github-actions]

• 🚨 Please fill changelog in the PR

  • Write with a developer-oriented perspective and narrative method, without describing the details of the repair
  • Describing the problem and the impact on the developer
  • describing the user-first site problem, not your solution
  • Refer: https://ant.design/changelog#501

• 🚨 请填写 PR 中的 changelog

  • 请用面向开发者的角度和叙述方式撰写，不描述修复细节
  • 描述问题和对开发者的影响
  • 描述用户第一现场的问题，而非你的解决方式
  • 参考：https://ant.design/changelog-cn#501

[xudafeng]

+1

[argos-ci]

The latest updates on your projects. Learn more about Argos notifications ↗︎

Build	Status	Details	Updated (UTC)
default (Inspect)	✅ No change detected	-	Sep 15, 2023, 10:32 AM

[codecov]

Codecov Report

Patch and project coverage have no change.

Comparison is base (fa61f81) 100.00% compared to head (184dcc4) 100.00%.

Additional details and impacted files

@@            Coverage Diff            @@
##            master    #44894   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files          682       682           
  Lines        11540     11540           
  Branches      3105      3105           
=========================================
  Hits         11540     11540           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.