Consistent Design for Modal Windows

[mariiaovs]

Consistent Design for Modal Windows

Value Proposition

As a family member,

I want all modal windows to have a consistent look and feel,

so that my experience is seamless and intuitive across different parts of the app.

Description

Acceptance Criteria

-The layout structure should be uniform across all modals.

• The footer of each modal should consistently contain action buttons that are styled uniformly.
• Modals should open and close with the same transition effect.

Tasks

• [ ] create feature branch feature/design-modal
• [ ] move CloseButton component to Modal component
• [ ] use ConfirmBox component to confirm/cancel category editing
• [ ] adjust the height and width of the confirm buttons in ConfirmBox component to ensure a uniform appearance
• [ ] change the render method of the modal window for confirming task editing to see the transition