Modif profil
This commit is contained in:
parent
ffe59073e1
commit
0a96aa5cbd
2 changed files with 8 additions and 4 deletions
|
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue