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

Исправил страничку Квартиры, Сравнение, Избранное

This commit is contained in:
mikhail_todoseichuk 2023-05-15 21:56:09 +10:00
parent 1702a2f0d8
commit cabbb2d955
9 changed files with 7003 additions and 744 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6463
pairent_frontend_react/package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

4
pairent_frontend_react/src/components/BlockApartment/index.jsx
View File

@ -5,6 +5,7 @@ import SVGIcon from '../UI/Icon/SVGIcon';
const ApartmentBlock = styled.div`
width: 20%;
margin-top: 26px;
position:relative;
`
const ApartmentImage = styled.img`
width: 100%;
@ -48,12 +49,13 @@ const TransportIcon = styled.div`
const ButtonContact = styled.button`
width: 180px;
height: 36px;
margin-top: 26px;
background: #175FA9;
border-radius: 12px;
font-weight: 500;
font-size: 16px;
color: #fff;
position: absolute;
bottom:-62px;
`
const BlockApartment = function (props) {

2
pairent_frontend_react/src/components/ComparisonsApartamentsList/index.jsx
View File

@ -28,7 +28,7 @@ const ApartmentSectionTitleText = styled.h3`
`
const Separation = styled.div`
margin-top: 50px;
margin-top: 86px;
`
const SeparationText = styled.p`

71
pairent_frontend_react/src/components/Questions/index.jsx
View File

@ -1,71 +0,0 @@
import React from 'react';
import styled from 'styled-components';
import './styles/Questions.css';
const MainSection = styled.section`
display: flex;
justify-content: space-between;
margin-top: 55px;
`;
const Button = styled.button`
width: 323px;
height: fit-content;
padding: 2% 5% 2% 3%;
border-radius: 12px;
text-align: left;
& h3 {
font-size: 18px;
color: #fff;
}
& p {
margin-top: 16px;
font-size: 16px;
line-height: 19px;
color: #fff;
}
`;
const OrangeButton = styled(Button)`
background: linear-gradient(180deg, #F76D09 0%, #FFA800 100%);
&:active {
background: linear-gradient(180deg, #FFA800 0%, #F76D09 100%);
}
`;
const GreenButton = styled(Button)`
background: linear-gradient(180deg, #107A34 0%, #51A633 100%);
&:active {
background: linear-gradient(180deg, #51A633 0%, #107A34 100%);
}
`;
const BlueButton = styled(Button)`
background: linear-gradient(180deg, #2E50A7 0%, #0993F7 100%);
&:active {
background: linear-gradient(180deg, #0993F7 0%, #2E50A7 100%);
}
`;
const Questions = function () {
return (
<MainSection>
<OrangeButton>
<h3>Рестик или кафешка?</h3>
<p>Какой общепит предпочтительнее для вас возле жилища?</p>
</OrangeButton>
<GreenButton>
<h3>Двушка или однушка?</h3>
<p>Как выбрать квартиру под себя, чтобы не переплачивать?</p>
</GreenButton>
<BlueButton>
<h3>Совмещенный или отдельно?</h3>
<p>Какой санузел будет для вас лучшим вариантом?</p>
</BlueButton>
</MainSection>
);
}
export default Questions;

50
pairent_frontend_react/src/components/Questions/styles/Questions.css
View File

@ -1,50 +0,0 @@
/*Кнопки с вопросами*/
.questionBtnSection{
display: flex;
justify-content: space-between;
margin-top: 55px;
}
.questionBtn{
width: 323px;
height: 128px;
padding: 2% 5% 2% 3%;
border-radius: 12px;
text-align: left;
}
.questionBtn h3{
font-size: 18px;
color: #fff;
}
.questionBtn p{
margin-top: 16px;
font-size: 16px;
line-height: 19px;
color: #fff;
}
.orangeBtn{
background: linear-gradient(180deg, #F76D09 0%, #FFA800 100%);
}
.orangeBtn:active{
background: linear-gradient(180deg, #FFA800 0%, #F76D09 100%);
}
.greenBtn{
background: linear-gradient(180deg, #107A34 0%, #51A633 100%);
}
.greenBtn:active{
background: linear-gradient(180deg, #51A633 0%, #107A34 100%);
}
.blueBtn{
background: linear-gradient(180deg, #2E50A7 0%, #0993F7 100%);
}
.blueBtn:active{
background: linear-gradient(180deg, #0993F7 0%, #2E50A7 100%);
}

2
pairent_frontend_react/src/pages/Comparisons/index.jsx
View File

@ -1,6 +1,5 @@
import React from 'react';
import ComparisonsApartmentsList from '../../components/ComparisonsApartamentsList';
import Questions from '../../components/Questions';
import LastView from '../../components/LastView';
const Comparisons = function () {
@ -8,7 +7,6 @@ const Comparisons = function () {
return(
<>
<ComparisonsApartmentsList/>
<Questions/>
<LastView/>
</>
);

2
pairent_frontend_react/src/pages/Favorites/index.jsx
View File

@ -1,7 +1,6 @@
import React from 'react';
import FavoritesApartamentsList from '../../components/FavoritesApartamentsList';
import Questions from '../../components/Questions';
import LastView from '../../components/LastView';
import './styles/Favorites.css';
@ -12,7 +11,6 @@ const Favorites = function () {
<>
<h2>Избранное</h2>
<FavoritesApartamentsList/>
<Questions/>
<LastView/>
</>
);

15
pairent_frontend_react/src/pages/IndexApartment/index.jsx
View File

@ -21,12 +21,12 @@ const SVGIcon = styled(ISVGIcon)`
`;
const ContainerLeft = styled.div`
width: 800px;
max-width: 800px;
`
const ContainerSlider = styled.div`
width: 800px;
height: 500px;
max-width: 800px;
max-height: 500px;
clip-path: inset(0% 0% 5% 0% round 20px);
`
@ -112,13 +112,14 @@ const SeparationLine = styled.div`
`
const AdditionalItem = styled.div`
width: 256px;
height: 160px;
max-width: 256px;
max-height: 160px;
background: #FFFFFF;
border: 1px solid #C0C0C0;
border-radius: 20px;
padding: 8px;
&:hover {
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
cursor: pointer;
@ -126,8 +127,8 @@ const AdditionalItem = styled.div`
`
const AdditionalImage = styled.img`
width: 240px;
height: 100px;
width:100%;
max-height: 120px;
margin-bottom: 4px;
border-radius: 12px;
`

1138
pairent_frontend_react/yarn.lock
View File

File diff suppressed because it is too large Load Diff