aboutsummaryrefslogtreecommitdiffhomepage
path: root/client
diff options
context:
space:
mode:
Diffstat (limited to 'client')
-rw-r--r--client/src/app/+about/about-instance/about-instance.component.html22
-rw-r--r--client/src/app/+about/about-instance/about-instance.component.scss15
2 files changed, 20 insertions, 17 deletions
diff --git a/client/src/app/+about/about-instance/about-instance.component.html b/client/src/app/+about/about-instance/about-instance.component.html
index c6247c4ae..80acfcce0 100644
--- a/client/src/app/+about/about-instance/about-instance.component.html
+++ b/client/src/app/+about/about-instance/about-instance.component.html
@@ -7,26 +7,16 @@
7 <div *ngIf="isContactFormEnabled" (click)="openContactModal()" i18n role="button" class="contact-admin">Contact administrator</div> 7 <div *ngIf="isContactFormEnabled" (click)="openContactModal()" i18n role="button" class="contact-admin">Contact administrator</div>
8 </div> 8 </div>
9 9
10 <div class="block instance-badges">
11 <span *ngFor="let category of categories" class="badge badge-primary category">{{ category }}</span>
12
13 <span *ngFor="let language of languages" class="badge badge-secondary language">{{ language }}</span>
14 </div>
15
10 <div class="short-description"> 16 <div class="short-description">
11 <div class="block short-description">{{ shortDescription }}</div> 17 <div class="block short-description">{{ shortDescription }}</div>
12 18
13 <div *ngIf="isNSFW" class="block dedicated-to-nsfw">This instance is dedicated to sensitive/NSFW content.</div> 19 <div *ngIf="isNSFW" class="block dedicated-to-nsfw">This instance is dedicated to sensitive/NSFW content.</div>
14
15 <div class="block">
16 <div class="section-title" *ngIf="languages.length !== 0">Main instance languages</div>
17
18 <ul>
19 <li *ngFor="let language of languages">{{ language }}</li>
20 </ul>
21 </div>
22
23 <div class="block">
24 <div class="section-title" *ngIf="categories.length !== 0">Main instance categories</div>
25
26 <ul>
27 <li *ngFor="let category of categories">{{ category }}</li>
28 </ul>
29 </div>
30 </div> 20 </div>
31 21
32 <div class="middle-title" *ngIf="html.administrator || maintenanceLifetime || businessModel"> 22 <div class="middle-title" *ngIf="html.administrator || maintenanceLifetime || businessModel">
diff --git a/client/src/app/+about/about-instance/about-instance.component.scss b/client/src/app/+about/about-instance/about-instance.component.scss
index d71cfffc6..909ae5c21 100644
--- a/client/src/app/+about/about-instance/about-instance.component.scss
+++ b/client/src/app/+about/about-instance/about-instance.component.scss
@@ -7,7 +7,6 @@
7 7
8 .title { 8 .title {
9 font-size: 20px; 9 font-size: 20px;
10 margin-bottom: 15px;
11 font-weight: $font-semibold; 10 font-weight: $font-semibold;
12 } 11 }
13 12
@@ -19,6 +18,20 @@
19 } 18 }
20} 19}
21 20
21.instance-badges {
22 font-size: 16px;
23
24 .badge {
25 font-size: 12px;
26 font-weight: $font-semibold;
27 margin-right: 5px;
28
29 &.category {
30 background-color: var(--mainColor);
31 }
32 }
33}
34
22.section-title { 35.section-title {
23 font-weight: $font-semibold; 36 font-weight: $font-semibold;
24 font-size: 16px; 37 font-size: 16px;