tuwien-csd / damap-frontend

MIT License
10 stars 9 forks source link

Split card content into left and right containers #266

Open lpandath opened 2 months ago

lpandath commented 2 months ago

Description After implementing the 'Responsive Layout #259' feature, our application should support a new layout with two distinct containers: one on the left side for general views and one on the right side for detailed information

Describe the solution you'd like The solution involves splitting the content of each step into two containers once the 'Responsive Layout' feature is in place. The left container will display general instructions or options related to the current step, while the right container will provide detailed views and interactions based on the selections made in the left container.

For example, in the first step titled "Choose Project," the left container should display two buttons: "Choose project" and "Input project manually." By default, the "Choose project" button will be selected. The right container will then show a detailed view for selecting a project to create a DMP. If the user switches to "Input project manually," the right container will update to show the relevant form fields for manual input.

Describe alternatives you've considered The layout should be responsive, ensuring that on smaller screens

Additional context

Screenshot 2024-07-22 at 12 45 39

If this issue requests multiple changes consider using checkboxes or lists.

lpandath commented 13 hours ago

current state: Image Image