Добавил живость кнопкам
All checks were successful
Create and publish a Docker image / Publish image (push) Successful in 50s
Create and publish a Docker image / Deploy image (push) Successful in 5s

This commit is contained in:
Sergey Karmanov 2023-08-26 14:16:27 +03:00
parent 609f5bba92
commit f17307e5c0
Signed by: serega404
GPG Key ID: B6AD49C8C835460C
2 changed files with 22 additions and 15 deletions

View File

@ -27,19 +27,22 @@ const Second = (props) => {
gap:20,
alignItems:'center',
}}>
<h1 className="main_text">Давайте знакомиться!</h1>
<p className="text">Пройдите небольшой тест,<br/> чтобы мы подобрали интересные<br/>
<h1 className="main_text">Давайте<br/>знакомиться!</h1>
<p style={{
textAlign:'center',
color:'#6C6C6C',
}} className="text">Пройдите небольшой тест,<br/> чтобы мы подобрали интересные<br/>
для вас мероприятия</p>
</div>
<div style={{
display:'flex',
flexDirection:'column',
gap:20,
gap:15,
alignItems:'center',
}}>
<button className="btn_first" onClick={() => route('/tinder')}>Давайте!</button>
<button className="btn_second" onClick={() => route('')}>Сам разберусь</button>
<button className="btn_second" onClick={() => route('/main')}>Пропустить</button>
</div>
</div>
)

View File

@ -6,13 +6,13 @@
.main_text{
font-size: 40px;
font-size: 45px;
text-align: center;
font-family: "Raleway";
}
.text{
font-size: 20px;
font-size: 18px;
color: #6C6C6C;
text-align: center;
width: 332px;
@ -21,26 +21,30 @@
.btn_first{
width: 231px;
height: 61px;
background: #0094FF;
border: #0094FF;
background: #46A2E3;
color: #fff;
font-size: 24px;
border: none;
text-align: center;
border-radius: 53px;
font-weight: bold;
box-shadow: 0px 4px 4px 0px #0094FF;
}
.btn_first:hover {
background-color: #398ac5;
}
.btn_second{
width: 169px;
height: 49px;
background: rgb(126, 175, 231,100);
background: #7dc5f8;
border: #0094FF;
color: #fff;
color: #ffffff;
font-size: 15px;
text-align: center;
border-radius: 53px;
box-shadow: 0px 4px 4px 0px #C6C6C6;
}
.btn_second:hover {
background-color: #398ac5;
}