fix: Page width is gebroken

OAI / tools.openapis.org

A collection of open-source and commercial tools for creating your APIs with OpenAPI - Sourced from and published for the community

https://tools.openapis.org/

96 stars 26 forks source link

fix: Page width is gebroken #140

Closed SensibleWood closed 6 months ago

SensibleWood commented 6 months ago

Describe the bug

See here:

To Reproduce

Open https://tools.openapis.org/categories/all.html

Expected behavior

The table loads centred on the middle of the page and sits evenly across the page width.

SensibleWood commented 6 months ago

Refactored using a grid layout to centre content consistently and set table as table-fixed from Tailwind to favour wider columns for display name and description. Added text wrapping to ensure text flows downwards successfully:

Also refactored nav bar to sit nicely on this layout without making homepage look awful.