Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Enable Full-Width Layout Configuration Option in Flowershow #627

Open
mohamedsalem401 opened this issue Feb 1, 2024 · 0 comments
Open

Comments

@mohamedsalem401
Copy link
Contributor

Description:
Currently, achieving a full-width layout in Flowershow seems challenging due to hardcoded margin/padding values in the main Layout component. The layout: unstyled option, which worked before in a commit related to responsiveness, is now limited to MdxPage, wrapped by the Layout component.

Proposed Solutions

1. Configuration Option for Full-Width:

We can add a configuration option in Flowershow to enable full-width layouts. This option could override the hardcoded values in the main Layout component, allowing users to have more flexibility in creating custom pages with different layouts.

Example:

// config.mjs
layout: {
  full_width: true // Sets the Layout component to fill all available width ( full width if there's no Toc or sidebar )
}
  1. Refactor LHS Sidebar and RHS ToC for Custom Pages:
    If the LHS sidebar and RHS ToC only apply to markdown pages, consider refactoring to move these elements into the MdxPage. This would separate the responsibilities, making it feasible for users to create fully custom pages, similar to the NextJS style.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: 🆕 New
Development

No branches or pull requests

1 participant