refactor: components and improve responsiveness across UI#63
refactor: components and improve responsiveness across UI#63bryanlundberg wants to merge 20 commits intoRustLangES:migrate-astrofrom bryanlundberg:experimental-drag-react
Conversation
…ge to native HTML `<section>`
…issue in Sidebar component
…restructure content handling
…ve ReactPanelContainer functionality
…ance panel responsiveness
…erminalOutput components
…ner type handling
- Remove content.config.ts and replace with more direct content management - Update ReactMarkdownContainer to remove unnecessary elements and simplify layout - Refactor NavButtons.astro to use new meta props - Remove dynamic content loading from Hero component - Adjust Navbar and other components to support new content management approach - Add new content-manager.ts helper to potentially replace previous configuration method
|
Justo for help, I have that with this preview
And the current astro migration branch looks like this
Maybe this will be useful for designing the responsive version |
|
@SergioRibera We'll keep that in mind. Perhaps a simple solution would be to switch to tabs when it reaches a certain size |
La intención es utilizar esta distribución, aunque faltaría que detecte el useAgent para tomar forma al entrar. 
|
|
@ArturoAtomplay They could consider the previous alternative for when the screen is very small, as it can occupy a considerable percentage of space |
|
Estuve revisando el código y veo que cambiaron bastante, en lo que estoy viendo la propuesta quita la parte estática que era lo que nos interesa realmente, cargar la menor cantidad de js posible, entre otras cosas que no me agradan mucho de la contribucion por la parte de react es la micro componetización que se implementó y como muchas cosas que podrian ser css pasaron a ser js, por lo que se discutió con el equipo y decidimos continuar con la implementación de Astro actual |
3 participants
Description
This pull request involves significant improvements to the codebase in terms of responsiveness, styling, and readability:
ReactPanelContainerfunctionality.ReactPanelContainerstyles and improved the resize handle structure for better user experience.Section.astrousage to native HTML<section>for more standardized and clear markup.noDangerouslySetInnerHtmlrule, and resolved a unique key issue in theSidebarcomponent.