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

View File

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