Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Create Highlights component #13

Closed
90lucasgabriel opened this issue Aug 21, 2020 · 1 comment · Fixed by #37
Closed

Create Highlights component #13

90lucasgabriel opened this issue Aug 21, 2020 · 1 comment · Fixed by #37
Assignees
Labels
enhancement New feature or request
Milestone

Comments

@90lucasgabriel
Copy link
Owner

90lucasgabriel commented Aug 21, 2020

Prototype

https://www.figma.com/file/um4dcEJCOlEvB6kCe9KCOD/Cinejump?node-id=7185%3A17

Features

  • Two columns;
  • First column with 2/3 of total width;
  • Second column with 2 rows;
  • Build in CSS grid;
  • Mobile hide second column;
  • Create caption layer;

Preview

image

@90lucasgabriel 90lucasgabriel self-assigned this Aug 21, 2020
@90lucasgabriel 90lucasgabriel added the enhancement New feature or request label Aug 21, 2020
@90lucasgabriel 90lucasgabriel added this to the 0.1.0 milestone Aug 21, 2020
@90lucasgabriel 90lucasgabriel mentioned this issue Aug 23, 2020
5 tasks
@90lucasgabriel 90lucasgabriel linked a pull request Sep 2, 2020 that will close this issue
@90lucasgabriel
Copy link
Owner Author

Features

  • Responsive;
  • Doesn't show if no results;
  • Full width if one or two results;
  • Redirect to movie details on click;
  • Backdrop zoom on hover;

Results

https://www.loom.com/share/cc0cf7a5f544444aac39db54a3eaa11a

image
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant