Добавил живость кнопкам
This commit is contained in:
parent
609f5bba92
commit
f17307e5c0
@ -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>
|
||||
)
|
||||
|
@ -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;
|
||||
}
|
Loading…
x
Reference in New Issue
Block a user