main styles added

This commit is contained in:
andres alcocer
2018-11-17 20:45:11 -05:00
parent d457ad851f
commit 731af42186
14 changed files with 400 additions and 56 deletions

View File

@@ -1,6 +1,9 @@
import React, { Component } from 'react';
import NavigationItem from '../../components/NavigationItems/NavigationItem/NavigationItem'
import SearchLogo from '../../static/images/search-icon.svg';
import NetflixLogo from '../../static/images/Netflix_Logo_RGB.png';
import BellLogo from '../../static/images/bell-logo.svg';
import DropdownArrow from '../../static/images/drop-down-arrow.svg';
class navigation extends Component {
state = {
@@ -33,7 +36,7 @@ class navigation extends Component {
<nav className={"navigation " + (this.state.scrolling ? "black" : "")} >
<ul className="navigation__container">
<NavigationItem link="/" exact>Netflix</NavigationItem>
<NavigationItem link="/" exact><img className="navigation__container--logo" src={NetflixLogo} alt=""/></NavigationItem>
<NavigationItem link="/">Home</NavigationItem>
<NavigationItem link="/">TV Shows</NavigationItem>
<NavigationItem link="/">Movies</NavigationItem>
@@ -41,17 +44,27 @@ class navigation extends Component {
<NavigationItem link="/">My List</NavigationItem>
<div className="navigation__container--left">
<SearchLogo className="logo" />
<input
onChange={this.props.showMovies}
className="navigation__container--left__input"
type="text"
placeholder="Title, genres, people" />
</div>
<NavigationItem link="/">KIDS</NavigationItem>
</div>
<NavigationItem link="/">KIDS</NavigationItem>
<NavigationItem link="/">DVD</NavigationItem>
<BellLogo className="navigation__container--bellLogo"/>
<div className="dropdownContainer">
<div className="navigation__container--userLogo">
<div className="dropdownContent"></div>
</div>
</div>
<DropdownArrow className="navigation__container--downArrow"/>
</ul>
</nav>
)