Improve style of web UI account tabs (#6589)
parent
e4db0f28d2
commit
38b9af76a2
|
@ -4631,22 +4631,24 @@ a.status-card {
|
||||||
}
|
}
|
||||||
|
|
||||||
.account__section-headline {
|
.account__section-headline {
|
||||||
background: lighten($ui-base-color, 2%);
|
background: darken($ui-base-color, 4%);
|
||||||
border-bottom: 1px solid lighten($ui-base-color, 4%);
|
border-bottom: 1px solid lighten($ui-base-color, 8%);
|
||||||
cursor: default;
|
cursor: default;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
display: block;
|
display: block;
|
||||||
color: $ui-base-lighter-color;
|
flex: 1 1 auto;
|
||||||
padding: 15px 10px;
|
color: $ui-primary-color;
|
||||||
|
padding: 15px 0;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
color: $ui-highlight-color;
|
color: $ui-secondary-color;
|
||||||
|
|
||||||
&::before,
|
&::before,
|
||||||
&::after {
|
&::after {
|
||||||
|
@ -4660,7 +4662,7 @@ a.status-card {
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 0 10px 10px;
|
border-width: 0 10px 10px;
|
||||||
border-color: transparent transparent lighten($ui-base-color, 4%);
|
border-color: transparent transparent lighten($ui-base-color, 8%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
|
|
Reference in New Issue