Skip to content

fix(frontend): improve homepage hero layout and migrate deprecated antd Modal API#2620

Open
Noveris-AI wants to merge 1 commit intoModelEngine-Group:mainfrom
Noveris-AI:fix/home-hero-title-and-modal-mask-api
Open

fix(frontend): improve homepage hero layout and migrate deprecated antd Modal API#2620
Noveris-AI wants to merge 1 commit intoModelEngine-Group:mainfrom
Noveris-AI:fix/home-hero-title-and-modal-mask-api

Conversation

@Noveris-AI
Copy link
Contributor

Summary

  • fix homepage Hero title clipping and alignment by switching container to min-h-full and top-aligned layout
  • redesign the main homepage heading into a smaller gradient art-style title with improved spacing/line height for better cross-viewport rendering
  • replace deprecated Ant Design maskClosable usage with mask={{ closable: ... }} across Modal components to remove console warnings

Changes

  • Homepage typography/layout updates in:
    • frontend/app/[locale]/page.tsx
    • frontend/styles/globals.css
  • Modal API migration in:
    • frontend/components/auth/loginModal.tsx
    • frontend/components/auth/AuthDialogs.tsx
    • frontend/app/[locale]/tenant-resources/components/resources/AgentList.tsx
    • frontend/app/[locale]/tenant-resources/components/resources/InvitationList.tsx
    • frontend/app/[locale]/agents/components/agentConfig/McpConfigModal.tsx
    • frontend/app/[locale]/agents/components/agentConfig/tool/ToolConfigModal.tsx

Validation

  • pnpm type-check (frontend) passes
  • manual verification on /zh homepage for Hero title visibility and overall visual balance
  • no remaining maskClosable references in frontend source

Notes

  • This PR also includes a follow-up Hero title rendering adjustment for the text Nexent 智能体 / 一个提示词,无限种可能 to avoid display inconsistencies on different viewport widths.

@xuyaqist
Copy link
Contributor

xuyaqist commented Mar 4, 2026

Thank you for your contribution and for taking the time to address this frontend issue. We really appreciate your effort and willingness to help improve the project.

  1. After reviewing your changes, I noticed that while the proposed fix resolves the original issue, it introduces some other problems.
image 2. I noticed that in the latest version of Ant Design (6.3.1), the maskClosable property of the modal component has not been marked as deprecated. If there are any updates on this, please let me know. image

We would be grateful if you would be willing to revisit your solution.

Thanks again for your contribution, and please let me know if you'd like any guidance or additional context from our end.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants