Mise à jour graphique

This commit is contained in:
Rampeur
2025-09-23 22:25:08 +02:00
parent 65ae9fce4b
commit 8b098f7545
31 changed files with 753 additions and 1044 deletions
@@ -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 {