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

32
static/css/styles.css
View File

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