ticketfrei/ticketfrei3
8
1
Fork 0
Code Issues 11 Pull requests 2 Projects 1 Releases Wiki Activity

[frontend] Design fixes

Browse source
This commit is contained in:
Cathy Hu 2020-09-04 20:57:30 +02:00
parent 84e506e367
commit 619d659a3a
8 changed files with 27 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
kibicara-frontend/src/app/homepage/homepage.component.html
View file

@ -3,9 +3,7 @@
<h1 class="h1">Kibicara</h1>
<p class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat.
tempor incididunt ut labore et dolore magna aliqua.
</p>
<a mat-raised-button [routerLink]="['/hoods']">Find your hood!</a>
</div>

2
kibicara-frontend/src/app/hoodspage/hoodspage.component.scss
View file

@ -29,7 +29,7 @@ h1 {
}
.banner {
background: url("../../assets/hoods2.jpg");
background: url("../../assets/hoods1.jpg");
background-size: 100%;
width: 100%;
}

8
kibicara-frontend/src/app/platforms/email/email-settings/email-settings.component.html
View file

@ -1,13 +1,13 @@
<mat-card>
<mat-card-header>
<div mat-card-avatar class="email"></div>
<mat-card-title class="platform-title">
<div class="platform-heading">
E-Mails
</div>
<button mat-icon-button aria-label="How to use" (click)="onInfoClick()">
E-Mail
<button mat-icon-button aria-label="How to use">
<mat-icon
matTooltip="How to add an email inbox to your hood"
class="info-button"
(click)="onInfoClick()"
>info</mat-icon
>
</button>

5
kibicara-frontend/src/app/platforms/email/email-settings/email-settings.component.scss
View file

@ -27,3 +27,8 @@
grid-column-start: 2;
align-self: flex-start;
}
.email {
background-image: url("../../../../assets/email.png");
background-size: cover;
}

7
kibicara-frontend/src/app/platforms/telegram/telegram-settings/telegram-settings.component.html
View file

@ -1,12 +1,11 @@
<mat-card>
<mat-card-header>
<div mat-card-avatar class="telegram"></div>
<mat-card-title class="platform-title">
<div class="platform-heading">
Telegram
</div>
Telegram
<button mat-icon-button aria-label="How to use">
<mat-icon
matTooltip="How to add an telegram bot to your hood"
matTooltip="How to send and receive hood broadcast messages with telegram"
class="info-button"
(click)="onInfoClick()"
>info</mat-icon

5
kibicara-frontend/src/app/platforms/telegram/telegram-settings/telegram-settings.component.scss
View file

@ -15,3 +15,8 @@
.platform-heading {
align-self: flex-end;
}
.telegram {
background-image: url("../../../../assets/telegram.png");
background-size: cover;
}

7
kibicara-frontend/src/app/platforms/twitter/twitter-settings/twitter-settings.component.html
View file

@ -1,12 +1,11 @@
<mat-card>
<mat-card-header>
<div mat-card-avatar class="twitter"></div>
<mat-card-title class="platform-title">
<div class="platform-heading">
Twitter
</div>
Twitter
<button mat-icon-button aria-label="How to use">
<mat-icon
matTooltip="How to add an twitter account to your hood"
matTooltip="How to send and receive hood broadcast messages with twitter"
class="info-button"
(click)="onInfoClick()"
>info</mat-icon

5
kibicara-frontend/src/app/platforms/twitter/twitter-settings/twitter-settings.component.scss
View file

@ -15,3 +15,8 @@
.platform-heading {
align-self: flex-end;
}
.twitter {
background-image: url("../../../../assets/twitter.png");
background-size: cover;
}