EasyTravel/FichaFrontend
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Second/Second.js
View File

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

26
src/components/Second/style.css
View File

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