допил
This commit is contained in:
parent
019cf58130
commit
632b11e421
@ -54,7 +54,7 @@ const City = (props) => {
|
|||||||
}, [selectedCity, cityOptions]);
|
}, [selectedCity, cityOptions]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="container">
|
<div className="container container_space_around">
|
||||||
<div className="city">
|
<div className="city">
|
||||||
<div className="city__plannet">
|
<div className="city__plannet">
|
||||||
<img src='./image 2.png' alt="#" draggable="false" className="city__plannet_img"/>
|
<img src='./image 2.png' alt="#" draggable="false" className="city__plannet_img"/>
|
||||||
|
@ -56,11 +56,13 @@
|
|||||||
.container {
|
.container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100vh;
|
height: 95vh;
|
||||||
justify-content: space-around;
|
|
||||||
align-items: center;
|
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%);
|
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 {
|
.city {
|
||||||
height: 520px;
|
height: 520px;
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
import React from "react"
|
import React from "react"
|
||||||
import { useNavigate } from "react-router-dom";
|
import { useNavigate } from "react-router-dom";
|
||||||
import './second.scss'
|
import './second.scss';
|
||||||
import Icon from './images/Vector.svg'
|
import Icon from './images/Vector.svg'
|
||||||
|
|
||||||
|
|
||||||
|
@ -12,7 +12,7 @@
|
|||||||
align-content: center;
|
align-content: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: space-between;
|
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%);
|
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);
|
filter: blur(2);
|
||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
|
@ -37,7 +37,7 @@ const Start = (props) => {
|
|||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="container">
|
<div className="container container_space_around">
|
||||||
<div className="header">
|
<div className="header">
|
||||||
<img src="./logo192.png" alt="logo" className="header__logo"/>
|
<img src="./logo192.png" alt="logo" className="header__logo"/>
|
||||||
<span className="header__text">Путешествия<p>Просто!</p></span>
|
<span className="header__text">Путешествия<p>Просто!</p></span>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user