add img

fix2015 · May 28, 2016 · 2827102 · 2827102
1 parent d6ecdd1
commit 2827102
Show file tree

Hide file tree

Showing 2 changed files with 52 additions and 4 deletions.
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -226,4 +226,49 @@ a.list-group-item span.createdAt {
 .myName{
     position: relative;
     top: 65px;
-}
+}
+.nav-pills{
+    padding-top: 12px;
+}
+.header-img{
+    position: absolute;
+    left: 0;
+}
+.header-img img{
+    width: 100%;
+    left: 0;
+    position: absolute;
+    top: 0;
+    height: 277px;
+    margin-top: -20px;
+}
+.main-page .main-label{
+    color: #fff;
+}
+.main-page .main-label h1{
+    color: #FFF;
+    position: relative;
+    top: 30px;
+    padding-top: 19px;
+}
+.main-page .nav-pills li a{
+    color: #fff;
+}
+@media (max-width: 992px){
+    .main-page .main-label h1{
+        padding: 0;
+    }
+    .main-page .header-img{
+        position: relative
+    }
+}@media (max-width: 992px){
+    .main-page .main-label h1{
+        display: none;
+    }
+    .main-page #geocoding_form{
+        margin: 40px auto 100px;
+    }
+    .main-page .header-img{
+        position: relative
+    }
+}
diff --git a/components/App.js b/components/App.js
@@ -215,12 +215,15 @@ var App = React.createClass({
 
     var routeType = (this.props.params.type ? this.props.params.type : 'chast');
     return (
-			<div>
+			<div className="main-page">
+                <div className="col-md-12 header-img">
+                    <img src="site-images/header-img.jpg"/>
+                </div>
                 <div className="col-md-12">
                     <MainNav type={routeType} typeFilter={this.typeFilter}></MainNav>
                 </div>
-                <div className="col-md-12">
-				    <h2>Поиск жилья в железном порту</h2>
+                <div className="col-md-12 main-label">
+				    <h1>Поиск жилья в железном порту</h1>
                 </div>
                 <div className="col-md-12">
                     <SearchField onSearch={this.searchForAddress} onFilterInput={this.handleFilterText} filterText={this.state.filterText}/>