search

datopian / flowershow

💐 Publish your obsidian digital garden or any markdown site easily and elegantly.
https://flowershow.app/
MIT License
848 stars 100 forks source link

Enable Full-Width Layout Configuration Option in Flowershow #627

Open mohamedsalem401 opened 9 months ago

mohamedsalem401 commented 9 months ago

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.