diff --git a/src/components/City/City.js b/src/components/City/City.js index a355c67..8760b90 100644 --- a/src/components/City/City.js +++ b/src/components/City/City.js @@ -54,7 +54,7 @@ const City = (props) => { }, [selectedCity, cityOptions]); return ( -
+
# diff --git a/src/components/City/City.scss b/src/components/City/City.scss index 2a0adca..649c5c1 100644 --- a/src/components/City/City.scss +++ b/src/components/City/City.scss @@ -56,11 +56,13 @@ .container { display: flex; flex-direction: column; - height: 100vh; - justify-content: space-around; + height: 95vh; + align-items: center; background: linear-gradient(180deg, #7EAFE7 0.27%, rgba(41, 134, 242, 0.38) 27.08%, rgba(41, 134, 242, 0.35) 31.77%, rgba(152, 198, 253, 0.28) 46.35%, rgba(41, 134, 242, 0.00) 100%); - + &_space_around { + justify-content: space-around; + } } .city { height: 520px; diff --git a/src/components/Second/Second.js b/src/components/Second/Second.js index bced485..bfc8671 100644 --- a/src/components/Second/Second.js +++ b/src/components/Second/Second.js @@ -1,6 +1,6 @@ import React from "react" import { useNavigate } from "react-router-dom"; -import './second.scss' +import './second.scss'; import Icon from './images/Vector.svg' diff --git a/src/components/Second/second.scss b/src/components/Second/second.scss index b90fa4f..7c99fd2 100644 --- a/src/components/Second/second.scss +++ b/src/components/Second/second.scss @@ -12,7 +12,7 @@ align-content: center; flex-wrap: wrap; justify-content: space-between; - height: 95vh; + height: 100%; background: linear-gradient(180deg, #7EAFE7 0.27%, rgba(41, 134, 242, 0.38) 27.08%, rgba(41, 134, 242, 0.35) 31.77%, rgba(152, 198, 253, 0.28) 46.35%, rgba(41, 134, 242, 0.00) 100%); filter: blur(2); padding-bottom: 10px; diff --git a/src/components/Start/Start.js b/src/components/Start/Start.js index f3ae8b2..23f3f2d 100644 --- a/src/components/Start/Start.js +++ b/src/components/Start/Start.js @@ -37,7 +37,7 @@ const Start = (props) => { }, []); return ( -
+
logo Путешествия

Просто!