Skip to content

Feat/layout refinement#279

Open
Nexisato wants to merge 5 commits into
mainfrom
feat/layout-refinement
Open

Feat/layout refinement#279
Nexisato wants to merge 5 commits into
mainfrom
feat/layout-refinement

Conversation

@Nexisato
Copy link
Copy Markdown
Collaborator

@Nexisato Nexisato commented May 20, 2026

Summary

Optimize the documentation site layout for wide-screen/high-resolution displays, and compact the homepage footer.

Changes

.vitepress/theme/custom.css — Wide-screen layout optimization

  • --vp-layout-max-width: 1660px100%, remove fixed content width constraint
  • Content centered: content-container with max-width: 56rem + margin: 0 auto + flex: 0 1 auto — text content is centered between sidebar and TOC, and shrinks responsively when space is limited
  • TOC right-aligned: aside with flex: 0 0 240px + padding-right: 32px — pinned to the right edge using sticky positioning
  • Responsive fallback: @media (max-width: 1280px) restores static stacking layout for narrow screens
  • Removed outdated commented-out CSS rules

zh/index.md — Compact footer (3 lines → 2 lines)

  • Company name + ICP备案 info merged into one line with · separators
  • margin-top reduced from 60px → 48px

en/index.md — Compact footer (2 lines → 1 line)

  • Company name + copyright merged into one line with · separator
  • margin-top reduced from 120px → 48px

Layout effect (2560px wide screen)

|sidebar 320px| ~552px |content 896px| ~552px |aside 240px|

Content is centered between sidebar and TOC, which are aligned to opposite ends.

Layout effect (1440px)

|sidebar 320px|content ~880px|aside 240px|

Content auto-shrinks via flex: 0 1 auto — no overlap, no overflow.

Copy link
Copy Markdown

@gemini-code-assist gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request primarily focuses on documentation updates to improve consistency in naming conventions, specifically standardizing references to 'GitHub', 'TensorBoard', 'MLflow', 'OmegaConf', 'Stable Baselines3', and 'W&B' across various English and Chinese documentation files. The review comments provided actionable suggestions to further refine the consistency of 'W&B' terminology in the integration documentation, which have been incorporated.

Comment thread en/guide_cloud/integration/integration-wandb.md
Comment thread en/guide_cloud/integration/integration-wandb.md
Comment thread zh/guide_cloud/integration/integration-wandb.md
Comment thread zh/guide_cloud/integration/integration-wandb.md
Comment thread zh/guide_cloud/integration/integration-wandb.md
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.

1 participant