moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

AccountHeader: use foreground color for account bar

This commit is contained in:
Alex Gleason 2021-09-13 13:51:29 -05:00
parent 01e16be157
commit 638f55f208
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/styles/components/account-header.scss
View File

@ -93,8 +93,11 @@
min-height: 74px; min-height: 74px;
width: 100%; width: 100%;
position: relative; position: relative;
background: var(--background-color); background: var(--foreground-color);
@media (min-width: 895px) { height: 74px; }
@media (min-width: 895px) {
height: 74px;
}
} }
&__avatar { &__avatar {
@ -155,10 +158,12 @@
max-width: 1200px; max-width: 1200px;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
@media (min-width: 895px) and (max-width: 1190px) { @media (min-width: 895px) and (max-width: 1190px) {
max-width: 900px; max-width: 900px;
padding-left: 300px; padding-left: 300px;
} }
@media screen and (max-width: 895px) { @media screen and (max-width: 895px) {
max-width: 900px; max-width: 900px;
padding: 10px 10px 0; padding: 10px 10px 0;
@ -238,10 +243,10 @@
} }
} }
} // end .account__header__extra } // end .account__header__extra
@media screen and (max-width: 895px) { @media screen and (max-width: 895px) {
.account-mobile-container { .account-mobile-container {
display: block; display: block;
background: var(--background-color);
margin-top: 10px; margin-top: 10px;
position: relative; position: relative;
padding: 10px 10px 0; padding: 10px 10px 0;

2
app/styles/components/profile-info-panel.scss
View File

@ -36,7 +36,7 @@
} }
&__stats { &__stats {
margin-top: 15px; margin: 15px 0;
.profile-stat { .profile-stat {
font-size: 16px; font-size: 16px;