From 90cd5fe843b2791037301cdb44586598123e4b53 Mon Sep 17 00:00:00 2001
From: b1ek <me@blek.codes>
Date: Mon, 15 May 2023 02:07:38 +1000
Subject: [PATCH] fix slider not displaying in chrome

the thing was in clip-mask on line 148 in file IndexPage/index.jsx
---
 .../src/components/UI/Pagination/index.jsx                   | 2 +-
 pairent_frontend_react/src/pages/IndexPage/index.jsx         | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/pairent_frontend_react/src/components/UI/Pagination/index.jsx b/pairent_frontend_react/src/components/UI/Pagination/index.jsx
index d41aa39..b58c4e3 100644
--- a/pairent_frontend_react/src/components/UI/Pagination/index.jsx
+++ b/pairent_frontend_react/src/components/UI/Pagination/index.jsx
@@ -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);
diff --git a/pairent_frontend_react/src/pages/IndexPage/index.jsx b/pairent_frontend_react/src/pages/IndexPage/index.jsx
index c1d90f8..7f5ff8a 100644
--- a/pairent_frontend_react/src/pages/IndexPage/index.jsx
+++ b/pairent_frontend_react/src/pages/IndexPage/index.jsx
@@ -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' />