improve chromium compatibility

This commit is contained in:
b1ek 2023-05-15 01:54:55 +10:00
parent ae77fbdfaa
commit c3f3f2d108
Signed by: blek
GPG Key ID: 14546221E3595D0C
2 changed files with 8 additions and 8 deletions

View File

@ -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>
})
}

View File

@ -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>