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

[frontend] Add description to hoods page

Browse source
This commit is contained in:
Cathy Hu 2020-09-04 14:22:35 +02:00
parent ff7036a188
commit 09318b24b0
2 changed files with 24 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
kibicara-frontend/src/app/hoodspage/hoodspage.component.html
View file

@ -1,8 +1,14 @@
<!-- <div class="banner">
<h1>Discover hoods</h1>
</div> -->
<app-heading-one [title]="title"></app-heading-one> <app-heading-one [title]="title"></app-heading-one>
<div class="page"> <div class="page">
<div class="description">
<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.
</p>
<div class="banner"></div>
</div>
<mat-form-field class="searchbar"> <mat-form-field class="searchbar">
<mat-label> <mat-icon>search</mat-icon> Search for hoods</mat-label> <mat-label> <mat-icon>search</mat-icon> Search for hoods</mat-label>
<input matInput type="search" [(ngModel)]="searchText" autocomplete="off" /> <input matInput type="search" [(ngModel)]="searchText" autocomplete="off" />

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

@ -13,6 +13,7 @@
padding-left: 10%; padding-left: 10%;
padding-right: 10%; padding-right: 10%;
margin-bottom: 5%; margin-bottom: 5%;
margin-top: 50px;
} }
.list { .list {
@ -35,3 +36,17 @@ h1 {
background-size: 100%; background-size: 100%;
width: 100%; width: 100%;
} }
.description {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.text {
padding-top: 20px;
padding-bottom: 10px;
color: gray;
font-size: 1.4375rem;
line-height: 1.875rem;
}