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:
b1ek 2023-05-15 02:07:38 +10:00
parent c3f3f2d108
commit 90cd5fe843
Signed by: blek
GPG Key ID: 14546221E3595D0C
2 changed files with 3 additions and 4 deletions

View File

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

View File

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