Modif profil

This commit is contained in:
ExostFlash 2023-11-27 16:10:50 +01:00
parent ffe59073e1
commit 0a96aa5cbd
2 changed files with 8 additions and 4 deletions

View file

@ -14,12 +14,16 @@ nav {
.logo-image, .logo-image,
.account-image { .account-image {
width: 50px; /* Ajustez la taille des images */ width: 75px; /* Ajustez la taille des images */
height: 50px; /* Ajoutez cette propriété pour maintenir la proportion */ height: 75px; /* Ajoutez cette propriété pour maintenir la proportion */
object-fit: cover; /* Pour ajuster l'image sans déformer la proportion */ object-fit: cover; /* Pour ajuster l'image sans déformer la proportion */
border-radius: 50%; /* Pour un effet de cercle */ border-radius: 50%; /* Pour un effet de cercle */
} }
.account-image {
border: 3px solid green;
}
.user-account { .user-account {
position: relative; position: relative;
display: inline-block; display: inline-block;
@ -32,7 +36,7 @@ nav {
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
padding: 10px; padding: 10px;
background-color: #18232c; background-color: var(--code-background-color);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
} }

View file

@ -20,7 +20,7 @@
</a> </a>
McDo McDo
<div class="user-account"> <div class="user-account">
<img src="https://icon-library.com/images/profile-icon-white/profile-icon-white-22.jpg" alt="Image de compte utilisateur" class="account-image" /> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTTKH9wi35hrzL8VwoC21_g64uU6_Vwn7kR2Do__YnDJYg-2rXyi8ACbaYz-JrrqmKAS3Y&usqp=CAU" alt="Image de compte utilisateur" class="account-image" />
<div class="hover-text"> <div class="hover-text">
{% if not app.user %} {% if not app.user %}
<div class="list"> <div class="list">