Commit 69627daf authored by Arsène Lapostolet's avatar Arsène Lapostolet

ui fixes

parent 8583514c
......@@ -27,7 +27,7 @@
}
.mdl-chip:hover .mdl-chip__text{
width: 4.5vw;
width: 4.25vw;
}
.mdl-list{
......
......@@ -36,4 +36,8 @@
.mdl-card{
background-color: #424242;
height: 70vh;
width: 80%;
margin-right: auto;
margin-left: auto;
}
......@@ -3,30 +3,32 @@
class="fa fa-plus-square hover-pointer"></i></a></h1>
<mat-spinner *ngIf="!loaded"></mat-spinner>
<div class="mdl-grid">
<div *ngFor="let diploma of diplomas" class="mdl-card mdl-cell--4-col">
<div class="mdl-card__title mdl-grid">
<div class="mdl-cell mdl-cell--2-col">
<img src="{{diploma.logo}}" class="diploma-logo" alt="{{diploma.name}}"/>
</div>
<div class="mdl-cell mdl-cell--8-col">
<h2 class="mdl-card__title-text">{{diploma.name}} <br> {{diploma.school}}</h2>
</div>
<div *ngFor="let diploma of diplomas" class="mdl-cell--4-col">
<div class="mdl-card">
<div class="mdl-card__title mdl-grid">
<div class="mdl-cell mdl-cell--2-col">
<img src="{{diploma.logo}}" class="diploma-logo" alt="{{diploma.name}}"/>
</div>
<div class="mdl-cell mdl-cell--8-col">
<h2 class="mdl-card__title-text">{{diploma.name}} <br> {{diploma.school}}</h2>
</div>
<div class="mdl-cell mdl-cell--2-col">
<a *ngIf="logged" routerLink="/diploma/{{diploma.id}}"><i matTooltip="Modifier le Diplôme"
class="fa fa-edit hover-pointer"></i></a>
<a *ngIf="logged" (click)="delete(diploma)"><i matTooltip="Modifier le Diplôme"
<div class="mdl-cell mdl-cell--2-col">
<a *ngIf="logged" routerLink="/diploma/{{diploma.id}}"><i matTooltip="Modifier le Diplôme"
class="fa fa-edit hover-pointer"></i></a>
<a *ngIf="logged" (click)="delete(diploma)"><i matTooltip="Modifier le Diplôme"
class="fa fa-trash-alt hover-pointer"></i></a>
</div>
</div>
<div class="mdl-card__supporting-text">
<ngx-md>
{{diploma.description}}
</ngx-md>
</div>
<div class="mdl-card__actions">
<div class="diplome-annee">{{diploma.startYear}} - {{diploma.endYear}}</div>
</div>
</div>
<div class="mdl-card__supporting-text">
<ngx-md>
{{diploma.description}}
</ngx-md>
</div>
<div class="mdl-card__actions">
<div class="diplome-annee">{{diploma.startYear}} - {{diploma.endYear}}</div>
</div>
</div>
</div>
......
......@@ -2,6 +2,8 @@
background-color: #424242;
width: 90%;
padding: 2vh;
height: 35vh;
margin-bottom: 3vh;
}
.fa{
......
......@@ -2,6 +2,10 @@ div {
padding: 2vw;
}
h1{
margin-top: 0;
}
.fa{
font-size: 1.8vw;
}
......
<div>
<h1>Compétences <a *ngIf="logged" routerLink="/subject"><i matTooltip="Créer un sujet" class="fa fa-plus-square hover-pointer"></i></a></h1>
<br><br><br>
<mat-spinner *ngIf="!loaded"></mat-spinner>
<main class="mdl-grid">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment