Исправил страничку Квартиры, Сравнение, Избранное
This commit is contained in:
parent
1702a2f0d8
commit
cabbb2d955
File diff suppressed because it is too large
Load Diff
|
@ -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) {
|
||||
|
|
|
@ -28,7 +28,7 @@ const ApartmentSectionTitleText = styled.h3`
|
|||
`
|
||||
|
||||
const Separation = styled.div`
|
||||
margin-top: 50px;
|
||||
margin-top: 86px;
|
||||
`
|
||||
|
||||
const SeparationText = styled.p`
|
||||
|
|
|
@ -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;
|
|
@ -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%);
|
||||
}
|
|
@ -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/>
|
||||
</>
|
||||
);
|
||||
|
|
|
@ -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/>
|
||||
</>
|
||||
);
|
||||
|
|
|
@ -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;
|
||||
`
|
||||
|
|
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue