Implement Building Comparison UI #13

New issue

Closed

opened 2026-06-10 08:53:20 +00:00 by gostmeaper · 0 comments

gostmeaper commented

2026-06-10 08:53:20 +00:00

(Migrated from codeberg.org)

Overall Objective

COMPLETE #11 BEFORE TAKING THIS.

Implement the UI for the Building Comparisons page. See the figma below for what it should look like.

Suggested Approach

Using the building details comparison component built in #11 you can create a UI that adds one each time the add building button is pressed. Some things to pay attention to is...

When you get to 3 building comparisons the add buildings button will appear off screen which shouldn't happen.
There shouldn't be any scroll bar in this page. Be careful that the component doesn't fit on the page and creates a scrollbar. The same can be said as you add more comparisons to the page.

Currently the design limits to 3 comparisons. This can be changed! If you find out a UI for it to fit more feel free to implement it.

Help & Resources

### Overall Objective COMPLETE #11 BEFORE TAKING THIS. Implement the UI for the Building Comparisons page. See the figma below for what it should look like. ![image](/attachments/a912d9b2-1616-4eeb-a532-2be2aa5bcbb5) ### Suggested Approach Using the building details comparison component built in #11 you can create a UI that adds one each time the add building button is pressed. Some things to pay attention to is... 1. When you get to 3 building comparisons the add buildings button will appear off screen which shouldn't happen. 2. There shouldn't be any scroll bar in this page. Be careful that the component doesn't fit on the page and creates a scrollbar. The same can be said as you add more comparisons to the page. Currently the design limits to 3 comparisons. This can be changed! If you find out a UI for it to fit more feel free to implement it. ### Help & Resources - [README](../../ScottyLabs/housing/src/branch/main/README.md) - [Contributing Guidelines](../../ScottyLabs/housing/src/branch/main/docs/CONTRIBUTING.md)

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference

ScottyLabs/housing#13

No description provided.

Rows
Columns