sysadminix/tripwithbonus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0.0.222 upd mobile for main in 1024

Browse Source
This commit is contained in:
ArtemB
2023-11-11 18:10:40 +03:00
parent 1aea397f9a
commit 0733851e4e
2 changed files with 68 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
static/css/mobile_styles.css
View File

@@ -3,7 +3,13 @@
@media (max-width: 1199px){ } @media (max-width: 1199px){ }
@media (max-width: 1024px) { @media (max-width: 1064px){
.header_logo, .header_btn_mover, .header_btn_sender{
margin-right: 26px;
}
}
@media (max-width: 1024px) {
.wrapper_content { .wrapper_content {
margin: 20px; margin: 20px;
@@ -26,6 +32,9 @@
padding: 5px 16px; padding: 5px 16px;
margin-top: unset; margin-top: unset;
} }
.header_logo, .header_btn_mover, .header_btn_sender{
margin-right: 26px;
}
header .header-first{ header .header-first{
margin-top: 10px; margin-top: 10px;
} }
@@ -89,7 +98,7 @@
width: 90%; width: 90%;
} }
.cont-el-form-search-carrier.last > select{ .cont-el-form-search-carrier.last > select{
width: 94%; width: 93%;
border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;
border: 2px solid #E6E6E6; border: 2px solid #E6E6E6;
} }
@@ -143,7 +152,7 @@
margin-top: 20px; margin-top: 20px;
} }
.benefit_img{ .benefit_img{
flex-wrap: wrap;
text-align: center; text-align: center;
} }
.benefit_img_item{ .benefit_img_item{
@@ -157,16 +166,14 @@
margin: 0 0 5px 0; margin: 0 0 5px 0;
} }
button#more_button{ button#more_button{
width: 100%; width: 50%;
margin-top: 40px; margin-top: 40px;
} }
#title_static{ #title_static{
font-size: 33px; font-size: 33px;
line-height: 42px; line-height: 42px;
} }
.cards_wrapper{
flex-direction: column;
}
details{ details{
width: 100%; width: 100%;
@@ -178,7 +185,7 @@
.cards_item_3, .cards_item_3,
.cards_item_4 .cards_item_4
{ {
width: 100%; width: 46%;
height: 180px; height: 180px;
background-size:60%; background-size:60%;
} }
@@ -224,10 +231,11 @@
} }
.news_block_main { .news_block_main {
margin: 0 0 120px 0; margin: 0 0 120px 0;
justify-content: center; /*justify-content: center;*/
} }
.news_item { .news_item {
margin-bottom: 40px; margin-bottom: 40px;
width: 49%;
} }
@@ -363,7 +371,7 @@
} }
#how_it_work_b{ #how_it_work_b{
width: 100%; width: 50%;
margin-top: 20px; margin-top: 20px;
} }
.mid_block_static>.text_wrapper>span{ .mid_block_static>.text_wrapper>span{
@@ -999,6 +1007,10 @@
.benefit_img>img{ .benefit_img>img{
display: none; display: none;
} }
.benefit_img{
flex-wrap: wrap;
}
} }
@@ -1045,6 +1057,36 @@
} }
@media (max-width: 575px){ @media (max-width: 575px){
#how_it_work_b{
width: 100%;
margin-top: 20px;
}
button#more_button{
width: 100%;
margin-top: 40px;
}
.news_item{
width: 100%;
}
.news_block_main{
justify-content: center;
}
.cards_item_1,
.cards_item_2,
.cards_item_3,
.cards_item_4
{
width: 100%;
height: 180px;
background-size:60%;
}
.cards_wrapper{
flex-direction: column;
}
.cont-el-form-search-carrier.last > select{ .cont-el-form-search-carrier.last > select{
width: 95%; width: 95%;
} }

32
static/css/styles.css
View File

@@ -1105,7 +1105,7 @@ section.login>form>div>div:nth-child(5)>a {
} }
section.profile { section.profile {
padding: 60px 0; /*padding: 60px 0;*/
margin-bottom: 120px; margin-bottom: 120px;
width: 70%; width: 70%;
float: left; float: left;
@@ -1951,15 +1951,15 @@ button#more_button{
url(/static/img/png/Box3.png), url(/static/img/png/Box3.png),
url(/static/img/png/Box4.png); url(/static/img/png/Box4.png);
background-position: background-position:
bottom 83px left 110px, /*bottom 83px left 110px,*/
top 154px left 205px, /*top 154px left 205px,*/
bottom 34px right 58px, /*bottom 34px right 58px,*/
top 140px right 233px; /*top 140px right 233px;*/
/*-12px left 131px,*/ bottom -12px left 131px,
/* top 51px left -9px,*/ top 51px left -9px,
/* bottom -37px right 105px,*/ bottom -37px right 105px,
/* top 65px right -30px*/ top 65px right -30px;
background-repeat: background-repeat:
no-repeat, no-repeat,
no-repeat, no-repeat,
@@ -2128,24 +2128,24 @@ button#more_button{
.bottom_block_static img:nth-child(4) { .bottom_block_static img:nth-child(4) {
/* Положение нижнего левого изображения */ /* Положение нижнего левого изображения */
left: -5%; left: -10%;
bottom: 0%; bottom: -7%;
} }
.bottom_block_static img:nth-child(5) { .bottom_block_static img:nth-child(5) {
/* Положение верхнего левого изображения */ /* Положение верхнего левого изображения */
top: 5%; top: 16%;
left: -2%; left: -2%;
transform: scale(-1, 1); transform: scale(-1, 1);
} }
.bottom_block_static img:nth-child(6) { .bottom_block_static img:nth-child(6) {
/* Положение нижнего правого изображения */ /* Положение нижнего правого изображения */
right: -5%; right: -10%;
bottom: 0%; bottom: -4%;
transform: scale(1, -1); transform: scale(1, -1);
} }