Changeset e5b84dc for phonelux-frontend/src/components/PhoneOfferComponent
- Timestamp:
- 09/11/22 18:03:58 (2 years ago)
- Branches:
- master
- Children:
- 775e15e
- Parents:
- 527b93f
- Location:
- phonelux-frontend/src/components/PhoneOfferComponent
- Files:
-
- 2 edited
Legend:
- Unmodified
- Added
- Removed
-
phonelux-frontend/src/components/PhoneOfferComponent/PhoneOfferComponent.css
r527b93f re5b84dc 1 .phone-with-offers-table-row{ 2 font-size: 18px; 3 } 4 5 .phone-with-offers-table-row > td:first-of-type { 6 font-weight: bold; 7 } 8 9 .phone-offer-specifications-button{ 10 font-size: 17px; 11 padding: 10px; 12 background-color: #B6E2C8; 13 border-radius: 20px; 14 border: 1px solid black; 15 } 16 17 .phone-with-offers-table-row td:last-of-type{ 18 display: flex; 19 justify-content: center; 20 flex-wrap: wrap; 21 } 22 23 .phone-offer-specifications-button:hover{ 24 cursor: pointer; 25 background-color: rgb(166, 201, 171); 26 box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); 27 transition: box-shadow 0.5s, background-color 0.5s ; 28 } -
phonelux-frontend/src/components/PhoneOfferComponent/PhoneOfferComponent.js
r527b93f re5b84dc 1 1 import React, { Component } from 'react' 2 import { Link } from 'react-router-dom' 3 import './PhoneOfferComponent.css' 2 4 3 5 export class PhoneOfferComponent extends Component { … … 13 15 14 16 render() { 15 console.log(this.props)17 // console.log(this.props) 16 18 return ( 17 19 <tr className='phone-with-offers-table-row'> 18 20 <td>{this.props.offer_shop}</td> 19 <td><a href={this.props.offer_url}>{this.props.offer_name}</a></td>21 <td><a style={{ textDecoration: 'none' }} href={this.props.offer_url}>{this.props.offer_name}</a></td> 20 22 <td>{this.props.price} ден.</td> 21 <td></td> 23 <td> 24 <Link style={{ textDecoration: 'none' }} to={"/phoneoffer/"+this.props.id}> 25 <button className='phone-offer-specifications-button'>Спецификации</button> 26 </Link> 27 </td> 22 28 </tr> 23 29 ) … … 27 33 export default PhoneOfferComponent 28 34 29 30 31 32 // back_camera: null33 // battery: null34 // chipset: null35 // color: null36 // cpu: null37 // front_camera: null38 // id: 48639 // image_url: "https://setec.mk/image/cache/catalog/Product/51841_0-228x228.jpg"40 // is_validated: false41 // last_updated: "2022-07-26T22:00:00.000+00:00"42 // offer_description: "Apple iPhone 13 128GB Midnight, GSM/CDMA/HSPA/EVDO/LTE/ 5G, Display: Super Retina XDR OLED; HDR10; Dolby Vision; 800 nits (HBM); 1200 nit…"43 // offer_name: "Apple iPhone 13 128GB Midnight"44 // offer_shop: "Setec"45 // offer_shop_code: "51841"46 // offer_url: "https://setec.mk/index.php?route=product/product&path=10066_10067&product_id=51841"47 // operating_system: null48 // price: 6399049 // ram_memory: null50 // rom_memory: null
Note:
See TracChangeset
for help on using the changeset viewer.