machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #2299 from mempool/simon/translators-size-fix

Browse Source 
Fix wrong size of translators avatars
This commit is contained in:
wiz 2022-08-15 11:32:04 +09:00 committed by GitHub
commit a6b1d4059f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/components/about/about.component.html
View File

@ -291,7 +291,7 @@
</div> </div>
<ng-container *ngIf="translators$ | async | keyvalue as translators else loadingSponsors"> <ng-container *ngIf="translators$ | async | keyvalue as translators else loadingSponsors">
<div class="community-sponsor"> <div class="project-translators">
<h3 i18n="about.translators">Project Translators</h3> <h3 i18n="about.translators">Project Translators</h3>
<div class="wrapper"> <div class="wrapper">
<ng-template ngFor let-translator [ngForOf]="translators"> <ng-template ngFor let-translator [ngForOf]="translators">

8
frontend/src/app/components/about/about.component.scss
View File

@ -53,7 +53,7 @@
margin-bottom: 50px; margin-bottom: 50px;
} }
.community-sponsor { .community-sponsor, .project-translators {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.wrapper { .wrapper {
@ -65,6 +65,9 @@
height: 45px; height: 45px;
width: 100%; width: 100%;
} }
}
.community-sponsor {
img { img {
width: 67px; width: 67px;
height: 67px; height: 67px;
@ -112,6 +115,7 @@
.enterprise-sponsor, .enterprise-sponsor,
.contributors, .contributors,
.community-sponsor, .community-sponsor,
.project-translators,
.community-integrations-sponsor, .community-integrations-sponsor,
.selfhosted-integrations-sponsor, .selfhosted-integrations-sponsor,
.maintainers { .maintainers {
@ -136,7 +140,7 @@
} }
} }
.community-sponsor .wrapper { .community-sponsor .wrapper, .project-translators .wrapper {
margin: 10px auto 20px; margin: 10px auto 20px;
a img { a img {
margin: 6px; margin: 6px;