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 ) {
|
||||
return (
|
||||
<FastButton
|
||||
style={{transform: i == value - 3 ? 'rotate(180deg) translateY(5px)' : ''}}
|
||||
style={{transform: i == value - 3 ? 'rotate(180deg)' : ''}}
|
||||
onClick={() => {
|
||||
if (i == value - 3) {
|
||||
this.updateValue(value - 3);
|
||||
|
|
|
@ -145,7 +145,7 @@ const Splash = styled.h3`
|
|||
|
||||
const SliderContainer = styled.div`
|
||||
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 {
|
||||
width: 1150px;
|
||||
|
@ -372,10 +372,9 @@ 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>
|
||||
<IndexPageRoot>
|
||||
<SliderContainer>
|
||||
<AwesomeSlider bullets={false}>
|
||||
<div data-src='/images/house-s.jpg' />
|
||||
|
|
Loading…
Reference in New Issue