main styles added
This commit is contained in:
@@ -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>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user