HomePhabricator
Diffusion Comm cd67e2ce26de

[landing] introduce feature modal component

Description

[landing] introduce feature modal component

Summary:
This diff introduces the feature modal that will pop up whenever a user clicks on a feature comparison card. This diff just introduces the structure and style of the modal and subsequent diffs will put everything together. The ui for the modal did deviate a bit from what is on the Figma design; however, given the structure of the competitor data copy, I thought it was better to have some separation between the texts and to show the company logos, instead of just one giant paragraph (cc @ted). Here is a screenshot of the figma for reference:

Screenshot 2023-05-30 at 2.20.51 AM.png (998×1 px, 239 KB)

Depends on D8537

Test Plan:
Please watch the demo video to see how the feature modal looks and behaves:

General behavior:

Responsiveness:

Mobile:

Screenshot 2023-05-30 at 2.24.17 AM.png (1×3 px, 1 MB)

Tablet:

Screenshot 2023-05-30 at 2.24.13 AM.png (1×3 px, 1 MB)

Reviewers: atul, kamil

Reviewed By: atul

Subscribers: kuba, ted, ashoat, tomek, atul

Differential Revision: https://phab.comm.dev/D8025

Details

Provenance
ginsuAuthored on May 29 2023, 2:17 PM
Reviewer
atul
Differential Revision
D8025: [landing] introduce feature modal component
Parents
rCOMMec22d856adea: [landing] introduce multi paragraph functionality in CompetitorFeature
Branches
Unknown
Tags
Unknown