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

0.1.336 upd cards_item for main page

Browse Source
This commit is contained in:
ArtemB
2024-01-13 13:46:58 +03:00
parent c6a1d5bdcf
commit 23718a5f3f
2 changed files with 66 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
static/css/mobile_styles.css
View File

@@ -159,6 +159,17 @@
rotate: 270deg; rotate: 270deg;
} }
.cards_item_1,
.cards_item_2,
.cards_item_3,
.cards_item_4{
height: 322px;
width: 65%;
float: unset;
margin: 15px auto;
}
.filter_img{ .filter_img{
width: 15px; width: 15px;
display: block; display: block;
@@ -1511,6 +1522,45 @@
.cards_item_1,
.cards_item_2,
.cards_item_3,
.cards_item_4{
width: 70%;
height: unset;
float: unset;
margin: 15px auto;
}
.cards_item_img, .cards_item_text{
float: unset;
width: unset;
}
.cards_item_1>.cards_item_img>img,
.cards_item_2>.cards_item_img>img,
.cards_item_3>.cards_item_img>img,
.cards_item_4>.cards_item_img>img{
float: unset;
aspect-ratio: 4/3;
object-fit: cover;
width: 100%;
border-radius: 10px;
}
.cards_item_text{
padding-bottom: 20px;
}
.card_title_1{
margin: 25px 0 0 20px;
}
.read_more_about_subscribe{ .read_more_about_subscribe{
padding: 0 14px; padding: 0 14px;
height: 30px; height: 30px;

33
static/css/styles.css
View File

@@ -2664,7 +2664,10 @@ button#send_feedback_form:active{
.cards_item_2, .cards_item_4{ .cards_item_2, .cards_item_4{
float: right; float: right;
} }
.cards_item_1>.cards_item_img>img, .cards_item_2>.cards_item_img>img, .cards_item_3>.cards_item_img>img, .cards_item_4>.cards_item_img>img{ .cards_item_1>.cards_item_img>img,
.cards_item_2>.cards_item_img>img,
.cards_item_3>.cards_item_img>img,
.cards_item_4>.cards_item_img>img{
float: right; float: right;
} }
@@ -2676,9 +2679,6 @@ button#send_feedback_form:active{
.cards_item_1{ .cards_item_1{
width: 48%;
border-radius: 10px; border-radius: 10px;
/*background: url(/static/img/png/cards_item_1.png) #1d1e20 50%;*/ /*background: url(/static/img/png/cards_item_1.png) #1d1e20 50%;*/
background: #1d1e20 50%; background: #1d1e20 50%;
@@ -2690,12 +2690,7 @@ button#send_feedback_form:active{
margin: 10px; margin: 10px;
} }
.cards_item_1,
.cards_item_2,
.cards_item_3,
.cards_item_4{
height: 322px;
}
@@ -2710,9 +2705,7 @@ button#send_feedback_form:active{
} }
.cards_item_2{ .cards_item_2{
width: 48%; border-radius: 10px;
border-radius: 10px;
/*background: url(/static/img/png/cards_item_2.png) white 50%;*/ /*background: url(/static/img/png/cards_item_2.png) white 50%;*/
background: white 50%; background: white 50%;
background-repeat: no-repeat; background-repeat: no-repeat;
@@ -2766,8 +2759,6 @@ button#send_feedback_form:active{
.cards_item_3{ .cards_item_3{
width: 48%;
border-radius: 10px; border-radius: 10px;
/*background: url(/static/img/png/cards_item_3.png) white 50%;*/ /*background: url(/static/img/png/cards_item_3.png) white 50%;*/
background: white 50%; background: white 50%;
@@ -2790,8 +2781,6 @@ button#send_feedback_form:active{
.cards_item_4{ .cards_item_4{
width: 48%;
border-radius: 10px; border-radius: 10px;
/*background: url(/static/img/png/cards_item_4.png), #111217 50%;*/ /*background: url(/static/img/png/cards_item_4.png), #111217 50%;*/
background: #111217 50%; background: #111217 50%;
@@ -2803,6 +2792,16 @@ button#send_feedback_form:active{
margin: 10px; margin: 10px;
} }
.cards_item_1,
.cards_item_2,
.cards_item_3,
.cards_item_4{
height: 322px;
width: 48%;
}
.cards_item_4_right{ .cards_item_4_right{
float: right; float: right;
border-radius: 10px; border-radius: 10px;