s407562/System_konkursow_edukacyjnych
2
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

SKE-38 display competitions list

Browse Source
This commit is contained in:
Przemysław Stawujak 2018-12-12 01:00:05 +01:00
parent 79dde935f3
commit e1d9fa6ebc
2 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
SystemKonkursow/4.2.1/angular/src/app/competitions-list/competitions-list.component.css
View File

@ -0,0 +1,22 @@
.flex-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.flex-item {
background-color: darkgrey;
width: 300px;
margin: 10px;
text-align: center;
line-height: 90px;
font-size: 20px;
border-radius: 25px;
border: 1px solid gray;
color: darkblue;
text-shadow: 2px 2px 6px ghostwhite;
font-weight: bold;
cursor: pointer;
}

6
SystemKonkursow/4.2.1/angular/src/app/competitions-list/competitions-list.component.html
View File

@ -1,3 +1,5 @@
<div id="competitions-list-area"> <div class="flex-container" id="competitions-list-area">
Konkursy <div class="flex-item" *ngFor="let competition of competitionsList">
{{ competition.name }}
</div>
</div> </div>