Mise à jour graphique
This commit is contained in:
@@ -1,12 +1,12 @@
|
||||
<div class="banner bg-accent mat-elevation-z2">
|
||||
<div class="d-flex mx-2 mx-md-3 mx-lg-4">
|
||||
<div class="banner mat-elevation-z2">
|
||||
<div class="banner-content d-flex text-bg-accent bg-opacity-50">
|
||||
<img [src]="user.image" class="user-img me-3" [alt]="user.username" />
|
||||
<div class="flex-spacer">
|
||||
<h3 class="mb-0">{{bannerTitle}}</h3>
|
||||
<span class="fs-6">{{user.firstname}} {{user.lastname}}</span>
|
||||
</div>
|
||||
<div class="align-self-center text-end">
|
||||
<button mat-raised-button color="cyan" [routerLink]="['/profile', user.username]">
|
||||
<button mat-raised-button color="megna" [routerLink]="['/profile', user.username]">
|
||||
<mat-icon aria-label="Voir le compte" fontIcon="person"></mat-icon> Mon compte
|
||||
</button>
|
||||
<button mat-raised-button color="warn" routerLink="/settings" class="ms-2">
|
||||
|
||||
@@ -1,26 +1,7 @@
|
||||
/* Credentials */
|
||||
@use 'variable' as var;
|
||||
//@use 'variable' as var;
|
||||
// --> background-color: var.$sidebar-footer;
|
||||
|
||||
.banner {
|
||||
background-color: var.$sidebar-footer;
|
||||
padding: 1.3rem 0 1.1rem 0;
|
||||
margin: -1.5rem -1.5rem 1.5rem -1.5rem;
|
||||
.user-img {
|
||||
width: var.$user-img-size;
|
||||
height: var.$user-img-size;
|
||||
border-radius: var.$user-img-size;
|
||||
}
|
||||
h4 {
|
||||
font-weight: 500;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
p {
|
||||
margin: 0 auto .5rem;
|
||||
color: var.$muted;
|
||||
max-width: 450px;
|
||||
font-weight: 300;
|
||||
}
|
||||
}
|
||||
/* Chrome, Safari, Edge, Opera */
|
||||
input::-webkit-outer-spin-button,
|
||||
input::-webkit-inner-spin-button {
|
||||
|
||||
Reference in New Issue
Block a user