From f306d554a6b82cfaf2de844b9864ddcbd8493e8c Mon Sep 17 00:00:00 2001 From: Hugo BAYOUD <hugo.bayoud@etu.uca.fr> Date: Mon, 29 Mar 2021 07:57:53 +0200 Subject: [PATCH] modify last UI for corresponding to models --- src/app/components/bars/bars.component.css | 17 ++++++++++++++++- src/app/components/bars/bars.component.html | 11 +++++------ 2 files changed, 21 insertions(+), 7 deletions(-) diff --git a/src/app/components/bars/bars.component.css b/src/app/components/bars/bars.component.css index 429ddcd7..6909c8df 100644 --- a/src/app/components/bars/bars.component.css +++ b/src/app/components/bars/bars.component.css @@ -51,4 +51,19 @@ .card-action { flex-grow: 1; -} \ No newline at end of file +} + +/* TOP NOTE */ +.top-note { + margin: 40px 15px; +} + +.top-note > mat-icon { + weight: 50px; + height: 50px; + font-size: 50px; +} + +.top-note > p { + font-weight: 500; +} \ No newline at end of file diff --git a/src/app/components/bars/bars.component.html b/src/app/components/bars/bars.component.html index 9b1ef007..01a41e2b 100644 --- a/src/app/components/bars/bars.component.html +++ b/src/app/components/bars/bars.component.html @@ -1,9 +1,8 @@ -<p> - <button mat-raised-button routerLink="/profile" color="primary">profile</button> -</p> -<mat-icon>store_mall_directory</mat-icon> -<p>Choisis ton lieu de beuverie. - Tu pourras ensuite accéder à la carte des boissons.</p> +<div class="row-container center top-note"> + <mat-icon>store_mall_directory</mat-icon> + <p>Choisis ton lieu de beuverie. + Tu pourras ensuite accéder à la carte des boissons.</p> + </div> <section> <div *ngFor="let bar of (bars$ | async)" class=" card row-container center"> <div class="card-header"> -- GitLab