-
fix(parvagues): Address UI regressions and outstanding issues · c97122fc
This commit provides fixes for issues identified in your feedback following the initial ParVagues subsite UI/UX enhancements. Key corrections include: 1. **Header Rewrite:** * The header component (`ParVaguesHeader.js`) was further refined to ensure a strict single-row layout. * Logo is fixed to the top-left, navigation links are spaced out in the center, and the "Book" button is fixed to the top-right. * Header height and element spacing were adjusted for a thinner appearance. 2. **"Potentiel / Composition / Performance" Interactivity:** * I verified that the highlighting of the section heading (Potentiel, Composition, Performance) correctly corresponds to the active section and displayed image carousel. * I confirmed that the entire clickable block for each section (title and description) correctly displays a link pointer cursor on hover. (I confirmed no code changes were needed here, the existing implementation was correct). 3. **Event Page Image Gallery:** * I corrected a critical positioning issue where gallery images were rendering outside the page flow. I added `position: relative` to the gallery container (`galleryGrid`) to properly scope absolutely positioned child elements (masonry items). * I verified that images render as fixed-size cards within the gallery section and that modal functionality (on-click, close button, Esc key) is working as intended. 4. **Footer Logo Centering Regression:** * The footer logo is now correctly centered within its designated middle column. I added `flex justify-center` to the logo's immediate wrapper `div` to ensure horizontal centering. These changes address the specific points you raised in the feedback, aiming to deliver the intended UI behavior and visual presentation for the ParVagues subsite.google-labs-jules[bot] authoredc97122fc
| Name |
Last commit
|
Last update |
|---|---|---|
| .. | ||
| globals.css | Loading commit data... | |
| main.css | Loading commit data... | |
| masonry.css | Loading commit data... | |
| parvagues.module.css | Loading commit data... | |
| utils.module.css | Loading commit data... |