parent
							
								
									221101f2a5
								
							
						
					
					
						commit
						ed1bd15f99
					
				
				 26 changed files with 929 additions and 220 deletions
			
			
		| @ -1,76 +0,0 @@ | ||||
| .mobile-ar-book { | ||||
|   width: calc(100% / 2); | ||||
|   padding: 10px; | ||||
|   a { | ||||
|     width: 100%; | ||||
|     text-decoration: none; | ||||
|     &:hover { | ||||
|     } | ||||
|     img { | ||||
|       width: 100%; | ||||
|       height: 170px; | ||||
|       border-radius: 20px; | ||||
|     } | ||||
|     h1 { | ||||
|       font-family: numeralBold; | ||||
|       margin-top: 15px; | ||||
|       color: #4d4d4d; | ||||
|       letter-spacing: -1px; | ||||
|     } | ||||
|   } | ||||
| } | ||||
| 
 | ||||
| .products-product { | ||||
|   width: calc(100% / 4); | ||||
|   padding: 10px; | ||||
|   margin-bottom: 20px; | ||||
|   a { | ||||
|     width: 100%; | ||||
|     text-decoration: none; | ||||
|     &:hover { | ||||
|     } | ||||
|     img { | ||||
|       width: 100%; | ||||
|       height: 200px; | ||||
|       border-radius: 30px; | ||||
|     } | ||||
|     h1 { | ||||
|       font-family: numeralBold; | ||||
|       margin-top: 15px; | ||||
|       color: #02a1a6; | ||||
|       letter-spacing: -1px; | ||||
|       text-align: center; | ||||
|     } | ||||
|   } | ||||
|   &__notAvailabe { | ||||
|     font-family: numeralBold; | ||||
|     width: 100%; | ||||
|     text-align: center; | ||||
|     color: #6f7074; | ||||
|     margin-top: 15px; | ||||
|   } | ||||
|   &__price { | ||||
|     width: 100%; | ||||
|     margin-top: 15px; | ||||
|     text-align: center; | ||||
|     &--old { | ||||
|       font-family: numeralBold; | ||||
|       color: #6f7074; | ||||
|       position: relative; | ||||
|       margin-left: 10px; | ||||
|       align-items: center; | ||||
|       span { | ||||
|         position: absolute; | ||||
|         left: 0px; | ||||
|         width: 100%; | ||||
|         height: 2px; | ||||
|         background-color: rgba(121, 121, 121, 0.534); | ||||
|         transform: rotate(-14deg); | ||||
|       } | ||||
|     } | ||||
|     &--price { | ||||
|       color: #4d4d4d; | ||||
|       font-family: numeralBold; | ||||
|     } | ||||
|   } | ||||
| } | ||||
| @ -0,0 +1,50 @@ | ||||
| import React, { Component } from "react"; | ||||
| import { connect } from "react-redux"; | ||||
| 
 | ||||
| import "./index.scss"; | ||||
| class Blogs extends Component { | ||||
|   componentDidMount() { | ||||
|     // this.props.contentList(1, 100, CONTENT_LIST_3);
 | ||||
|   } | ||||
| 
 | ||||
|   render() { | ||||
|     const { blogs } = this.props; | ||||
|     return ( | ||||
|       <> | ||||
|         {window.innerWidth > 1000 ? ( | ||||
|           <div className="landscape-blogs d-flex flex-column"> | ||||
|             <div className="landscape-blogs__header d-flex"> | ||||
|               <span></span> | ||||
|               <h3>اخبار</h3> | ||||
|             </div> | ||||
|             <div className="landscape-blogs__scroll d-flex flex-column"> | ||||
|               {blogs.map((item) => ( | ||||
|                 <Item item={item} key={item.id} getSingle={getSingle} /> | ||||
|               ))} | ||||
|             </div> | ||||
|           </div> | ||||
|         ) : null} | ||||
|         {window.innerWidth < 1000 ? ( | ||||
|           <div className="portrait-blogs d-flex flex-column"> | ||||
|             <div className="portrait-blogs__header d-flex"> | ||||
|               <span></span> | ||||
|               <h3>اخبار</h3> | ||||
|             </div> | ||||
|             <div className="portrait-blogs__scroll d-flex flex-column"> | ||||
|               {blogs.map((item) => ( | ||||
|                 <Item item={item} key={item.id} getSingle={getSingle} /> | ||||
|               ))} | ||||
|             </div> | ||||
|           </div> | ||||
|         ) : null} | ||||
|       </> | ||||
|     ); | ||||
|   } | ||||
| } | ||||
| 
 | ||||
| export default connect( | ||||
|   (state) => ({ | ||||
|     all: state.content.all, | ||||
|   }), | ||||
|   {} | ||||
| )(Blogs); | ||||
| @ -0,0 +1,59 @@ | ||||
| .landscape-blogs { | ||||
|   width: 100vw; | ||||
|   padding: 90px 10px 10px; | ||||
|   max-width: 1250px; | ||||
|   margin: 0px auto; | ||||
|   direction: rtl; | ||||
|   &__header { | ||||
|     width: 100%; | ||||
|     height: 40px; | ||||
|     align-items: center; | ||||
|     padding: 0px; | ||||
|     & h3 { | ||||
|       font-size: 36px; | ||||
|       margin-bottom: 20px; | ||||
|       letter-spacing: -1px; | ||||
|       margin-right: 10px; | ||||
|       // color : $bright-cerulean; | ||||
|     } | ||||
|   } | ||||
|   &__scroll { | ||||
|     width: 100%; | ||||
|     direction: rtl; | ||||
|     overflow-x: scroll; | ||||
|     &::-webkit-scrollbar { | ||||
|       display: none; | ||||
|       width: 0px; | ||||
|     } | ||||
|   } | ||||
| } | ||||
| 
 | ||||
| .portrait-blogs { | ||||
|   width: 100vw; | ||||
|   padding: 90px 10px 10px; | ||||
|   max-width: 680px; | ||||
|   margin: 0px auto; | ||||
|   direction: rtl; | ||||
|   &__header { | ||||
|     width: 100%; | ||||
|     height: 40px; | ||||
|     align-items: center; | ||||
|     padding: 0px; | ||||
|     & h3 { | ||||
|       font-size: 28px; | ||||
|       margin-bottom: 20px; | ||||
|       letter-spacing: -1px; | ||||
|       margin-right: 10px; | ||||
|       color: $bright-cerulean; | ||||
|     } | ||||
|   } | ||||
|   &__scroll { | ||||
|     width: 100%; | ||||
|     direction: rtl; | ||||
|     overflow-x: scroll; | ||||
|     &::-webkit-scrollbar { | ||||
|       display: none; | ||||
|       width: 0px; | ||||
|     } | ||||
|   } | ||||
| } | ||||
					Loading…
					
					
				
		Reference in new issue