fix slider not displaying in chrome
the thing was in clip-mask on line 148 in file IndexPage/index.jsx
This commit is contained in:
parent
c3f3f2d108
commit
90cd5fe843
|
@ -145,7 +145,7 @@ class Pagination extends React.Component {
|
||||||
if ( i == value - 3 | i == value + 3 ) {
|
if ( i == value - 3 | i == value + 3 ) {
|
||||||
return (
|
return (
|
||||||
<FastButton
|
<FastButton
|
||||||
style={{transform: i == value - 3 ? 'rotate(180deg) translateY(5px)' : ''}}
|
style={{transform: i == value - 3 ? 'rotate(180deg)' : ''}}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
if (i == value - 3) {
|
if (i == value - 3) {
|
||||||
this.updateValue(value - 3);
|
this.updateValue(value - 3);
|
||||||
|
|
|
@ -145,7 +145,7 @@ const Splash = styled.h3`
|
||||||
|
|
||||||
const SliderContainer = styled.div`
|
const SliderContainer = styled.div`
|
||||||
filter: drop-shadow(0 2px 8px #00000060);
|
filter: drop-shadow(0 2px 8px #00000060);
|
||||||
clip-path: inset(0% 100% 0% 100% round 16px);
|
clip-path: inset(0% 0% 0% 0% round 16px);
|
||||||
|
|
||||||
& .awssld, .awssld__container {
|
& .awssld, .awssld__container {
|
||||||
width: 1150px;
|
width: 1150px;
|
||||||
|
@ -372,10 +372,9 @@ export default class IndexPage extends React.Component {
|
||||||
let pages = Math.floor(this.state.apartments.length / pageSize);
|
let pages = Math.floor(this.state.apartments.length / pageSize);
|
||||||
|
|
||||||
let current_data = this.state.apartments.slice((page * pageSize), (page * pageSize) + pageSize);
|
let current_data = this.state.apartments.slice((page * pageSize), (page * pageSize) + pageSize);
|
||||||
// console.log(AwsSliderStyles)
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<IndexPageRoot>
|
<IndexPageRoot>
|
||||||
<SliderContainer>
|
<SliderContainer>
|
||||||
<AwesomeSlider bullets={false}>
|
<AwesomeSlider bullets={false}>
|
||||||
<div data-src='/images/house-s.jpg' />
|
<div data-src='/images/house-s.jpg' />
|
||||||
|
|
Loading…
Reference in New Issue