Fix profile page css

This commit is contained in:
Amanmyrat 2023-08-11 16:34:25 +05:00
parent 6f8ecb75ba
commit 8624354c43
4 changed files with 20 additions and 15 deletions

View File

@ -1382,11 +1382,11 @@
&-title { &-title {
font-size: 20px; font-size: 20px;
padding-bottom: 30px; margin-bottom: 30px;
&.active { &.active {
&::after { &::after {
bottom: 15px; bottom: -15px;
} }
} }
} }

View File

@ -1,6 +1,6 @@
// Bills ======================== // Bills ========================
.bill { .bill {
padding-bottom: 80px; padding: 40px 0 80px;
&_box { &_box {
display: flex; display: flex;
@ -20,15 +20,15 @@
font-size: 24px; font-size: 24px;
line-height: 29px; line-height: 29px;
color: #FFFFFF; color: #FFFFFF;
padding-bottom: 50px; margin-bottom: 50px;
position: relative; position: relative;
display: block; display: block;
@include transition; @include transition;
// &:last-child { &:last-child {
// padding-bottom: 0; margin-bottom: 0;
// } }
&:hover { &:hover {
color: $yellow; color: $yellow;
@ -40,7 +40,7 @@
&::after { &::after {
content: ''; content: '';
position: absolute; position: absolute;
bottom: 25px; bottom: -25px;
left: 0; left: 0;
width: 100%; width: 100%;
height: 1px; height: 1px;

View File

@ -2187,7 +2187,7 @@ input[type=date]::-webkit-calendar-picker-indicator {
} }
.bill { .bill {
padding-bottom: 80px; padding: 40px 0 80px;
} }
.bill_box { .bill_box {
display: -webkit-box; display: -webkit-box;
@ -2210,13 +2210,16 @@ input[type=date]::-webkit-calendar-picker-indicator {
font-size: 24px; font-size: 24px;
line-height: 29px; line-height: 29px;
color: #FFFFFF; color: #FFFFFF;
padding-bottom: 50px; margin-bottom: 50px;
position: relative; position: relative;
display: block; display: block;
-webkit-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s;
} }
.bill_aside-title:last-child {
margin-bottom: 0;
}
.bill_aside-title:hover { .bill_aside-title:hover {
color: #FFB100; color: #FFB100;
} }
@ -2226,7 +2229,7 @@ input[type=date]::-webkit-calendar-picker-indicator {
.bill_aside-title.active::after { .bill_aside-title.active::after {
content: ""; content: "";
position: absolute; position: absolute;
bottom: 25px; bottom: -25px;
left: 0; left: 0;
width: 100%; width: 100%;
height: 1px; height: 1px;
@ -4505,10 +4508,10 @@ input[type=date]::-webkit-calendar-picker-indicator {
} }
.bill_aside-title { .bill_aside-title {
font-size: 20px; font-size: 20px;
padding-bottom: 30px; margin-bottom: 30px;
} }
.bill_aside-title.active::after { .bill_aside-title.active::after {
bottom: 15px; bottom: -15px;
} }
.bill_item { .bill_item {
-webkit-box-orient: vertical; -webkit-box-orient: vertical;

View File

@ -29,8 +29,6 @@ redirect = "home"
<h4 class="crumb_title"> <h4 class="crumb_title">
Профиль Профиль
</h4> </h4>
<a href="#" data-request="onLogout" data-request-data="redirect: '/'"
class="mobile_profile-link" >Выйти</a>
</div> </div>
</div> </div>
</div> </div>
@ -50,6 +48,10 @@ redirect = "home"
<h4 class="bill_aside-title tabBtn" data-tab="#bill-2"> <h4 class="bill_aside-title tabBtn" data-tab="#bill-2">
Контактная информация Контактная информация
</h4> </h4>
<a href="#" data-request="onLogout" data-request-data="redirect: '/'"
class="bill_aside-title">
Выход
</a>
</div> </div>
<div class="bill_info tabItem active" id="bill-1"> <div class="bill_info tabItem active" id="bill-1">
{% for detail in user.shop.reports %} {% for detail in user.shop.reports %}