Tochka
/
legacy
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improve chromium compatibility

This commit is contained in:
b1ek 2023-05-15 01:54:55 +10:00
parent ae77fbdfaa
commit c3f3f2d108
Signed by: blek
GPG Key ID: 14546221E3595D0C
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
pairent_frontend_react/src/components/UI/Pagination/index.jsx
View File

@ -26,7 +26,7 @@ const PageButton = styled.button`
font-size: 11pt; font-size: 11pt;
${ ${
props => props.isCurrent ? props => props.is_active ?
` `
color: royalblue; color: royalblue;
font-weight: 600; font-weight: 600;
@ -48,13 +48,12 @@ const FastButton = styled(PageButton)`
background: url(/images/icons/dots.svg) no-repeat; background: url(/images/icons/dots.svg) no-repeat;
background-position: center; background-position: center;
background-size: 20px; background-size: 20px;
transform: translateY(-5px); user-select: none;
&:hover, &:active { &:hover, &:active {
background: url(/images/icons/caret-double-blue.svg) no-repeat; background: url(/images/icons/caret-double-blue.svg) no-repeat;
background-position: center; background-position: center;
background-size: 14px; background-size: 14px;
transform: translateY(-5px);
} }
`; `;
@ -154,6 +153,7 @@ class Pagination extends React.Component {
this.updateValue(value + 3); this.updateValue(value + 3);
}} }}
> >
 
</FastButton> </FastButton>
); );
@ -161,7 +161,7 @@ class Pagination extends React.Component {
return null; return null;
} }
return <PageButton key={i} isCurrent={value == i} onClick={() => this.updateValue(i)}>{i + 1}</PageButton> return <PageButton key={i} is_active={value == i} onClick={() => this.updateValue(i)}>{i + 1}</PageButton>
}) })
} }

6
pairent_frontend_react/src/pages/IndexPage/index.jsx
View File

@ -11,7 +11,7 @@ import ApartamentService from "../../API/ApartamentService";
import { HashLoader } from 'react-spinners'; import { HashLoader } from 'react-spinners';
import AwesomeSlider from 'react-awesome-slider'; import AwesomeSlider from 'react-awesome-slider';
import AwsSliderStyles from 'react-awesome-slider/src/styles?inline'; import 'react-awesome-slider/dist/styles.css';
import constants from "../../constants"; import constants from "../../constants";
@ -372,12 +372,12 @@ 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 cssModule={AwsSliderStyles} bullets={false}> <AwesomeSlider bullets={false}>
<div data-src='/images/house-s.jpg' /> <div data-src='/images/house-s.jpg' />
<div data-src='/images/house-s-2.jpg' /> <div data-src='/images/house-s-2.jpg' />
</AwesomeSlider> </AwesomeSlider>