diff --git a/pairent_frontend_react/src/components/UI/Pagination/index.jsx b/pairent_frontend_react/src/components/UI/Pagination/index.jsx index 3afa876..d41aa39 100644 --- a/pairent_frontend_react/src/components/UI/Pagination/index.jsx +++ b/pairent_frontend_react/src/components/UI/Pagination/index.jsx @@ -26,7 +26,7 @@ const PageButton = styled.button` font-size: 11pt; ${ - props => props.isCurrent ? + props => props.is_active ? ` color: royalblue; font-weight: 600; @@ -48,13 +48,12 @@ const FastButton = styled(PageButton)` background: url(/images/icons/dots.svg) no-repeat; background-position: center; background-size: 20px; - transform: translateY(-5px); + user-select: none; &:hover, &:active { background: url(/images/icons/caret-double-blue.svg) no-repeat; background-position: center; - background-size: 14px; - transform: translateY(-5px); + background-size: 14px; } `; @@ -154,6 +153,7 @@ class Pagination extends React.Component { this.updateValue(value + 3); }} > +   ); @@ -161,7 +161,7 @@ class Pagination extends React.Component { return null; } - return this.updateValue(i)}>{i + 1} + return this.updateValue(i)}>{i + 1} }) } diff --git a/pairent_frontend_react/src/pages/IndexPage/index.jsx b/pairent_frontend_react/src/pages/IndexPage/index.jsx index 8376aa1..c1d90f8 100644 --- a/pairent_frontend_react/src/pages/IndexPage/index.jsx +++ b/pairent_frontend_react/src/pages/IndexPage/index.jsx @@ -11,7 +11,7 @@ import ApartamentService from "../../API/ApartamentService"; import { HashLoader } from 'react-spinners'; import AwesomeSlider from 'react-awesome-slider'; -import AwsSliderStyles from 'react-awesome-slider/src/styles?inline'; +import 'react-awesome-slider/dist/styles.css'; import constants from "../../constants"; @@ -372,12 +372,12 @@ export default class IndexPage extends React.Component { let pages = Math.floor(this.state.apartments.length / pageSize); let current_data = this.state.apartments.slice((page * pageSize), (page * pageSize) + pageSize); - + // console.log(AwsSliderStyles) return ( - +