improve chromium compatibility
This commit is contained in:
parent
ae77fbdfaa
commit
c3f3f2d108
|
@ -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);
|
||||
}
|
||||
`;
|
||||
|
||||
|
@ -154,6 +153,7 @@ class Pagination extends React.Component {
|
|||
this.updateValue(value + 3);
|
||||
}}
|
||||
>
|
||||
|
||||
|
||||
</FastButton>
|
||||
);
|
||||
|
@ -161,7 +161,7 @@ class Pagination extends React.Component {
|
|||
return null;
|
||||
}
|
||||
|
||||
return <PageButton key={i} isCurrent={value == i} onClick={() => this.updateValue(i)}>{i + 1}</PageButton>
|
||||
return <PageButton key={i} is_active={value == i} onClick={() => this.updateValue(i)}>{i + 1}</PageButton>
|
||||
})
|
||||
}
|
||||
|
||||
|
|
|
@ -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 (
|
||||
<IndexPageRoot>
|
||||
<SliderContainer>
|
||||
<AwesomeSlider cssModule={AwsSliderStyles} bullets={false}>
|
||||
<AwesomeSlider bullets={false}>
|
||||
<div data-src='/images/house-s.jpg' />
|
||||
<div data-src='/images/house-s-2.jpg' />
|
||||
</AwesomeSlider>
|
||||
|
|
Loading…
Reference in New Issue