[AccordionPatient]: Place ResulTable and SeriesTable Side by Side, Stack on Small Screens, and Show SeriesTable on Row Click - Githubissues

Pixilib / GaelO_Flow_Frontend

Frontend for GaelO Flow

MIT No Attribution

1 stars 0 forks source link

[AccordionPatient]: Place ResulTable and SeriesTable Side by Side, Stack on Small Screens, and Show SeriesTable on Row Click #263

Closed remixxx31 closed 1 month ago

remixxx31 commented 2 months ago

Description

Align the ResulTable and SeriesTable components side by side on medium and large screens.
Reorganize the components to appear stacked on top of each other on small screens.
Ensure that the SeriesTable is only displayed when a row in the ResulTable is clicked.

Steps:

[x] Modify the layout to align ResulTable and SeriesTable side by side on larger screens.
[x] Use Tailwind CSS classes to handle the reorganization on smaller screens.
[x] Implement logic to show SeriesTable only when a row click event (onRowClick) is triggered in ResulTable.
[x] Test the display on different screen sizes to ensure the components appear correctly.