diff --git a/pairent_frontend_react/src/components/Questions/Questions.jsx b/pairent_frontend_react/src/components/Questions/Questions.jsx new file mode 100644 index 0000000..17a46a9 --- /dev/null +++ b/pairent_frontend_react/src/components/Questions/Questions.jsx @@ -0,0 +1,24 @@ +import React from 'react'; + +import './styles/Questions.css'; + +const Questions = function () { + return ( +
+ + + +
+ ); +} + +export default Questions; \ No newline at end of file diff --git a/pairent_frontend_react/src/components/Questions/styles/Questions.css b/pairent_frontend_react/src/components/Questions/styles/Questions.css new file mode 100644 index 0000000..1f42860 --- /dev/null +++ b/pairent_frontend_react/src/components/Questions/styles/Questions.css @@ -0,0 +1,50 @@ +/*Кнопки с вопросами*/ +.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%); +} \ No newline at end of file diff --git a/pairent_frontend_react/src/pages/Comparisons/index.jsx b/pairent_frontend_react/src/pages/Comparisons/index.jsx index 0af75c3..fd3799d 100644 --- a/pairent_frontend_react/src/pages/Comparisons/index.jsx +++ b/pairent_frontend_react/src/pages/Comparisons/index.jsx @@ -1,9 +1,15 @@ import React from 'react'; +import Questions from '../../components/Questions'; +import LastView from '../../components/LastView'; const Comparisons = function () { return( -

Сравнения

+ <> +

Сравнения

+ + + ); } diff --git a/pairent_frontend_react/src/pages/Favorites/index.jsx b/pairent_frontend_react/src/pages/Favorites/index.jsx index cafb97d..6e49e5f 100644 --- a/pairent_frontend_react/src/pages/Favorites/index.jsx +++ b/pairent_frontend_react/src/pages/Favorites/index.jsx @@ -1,6 +1,7 @@ import React from 'react'; import FavoritesApartamentsList from '../../components/FavoritesApartamentsList'; +import Questions from '../../components/Questions'; import LastView from '../../components/LastView'; import './styles/Favorites.css'; @@ -11,20 +12,7 @@ const Favorites = function () { <>

Избранное

-
- - - -
+ );