Update 3 files
- /html/user.php - /html/compte.php - /html/src/css/style.css
This commit is contained in:
parent
8118eceb4b
commit
ebcdc3335f
@ -212,7 +212,7 @@ if($resultat) {
|
|||||||
<main>
|
<main>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div>
|
<div>
|
||||||
<div class="user-profile">
|
<div class="user-main-profile">
|
||||||
<form action="#" method="post">
|
<form action="#" method="post">
|
||||||
<div class="user-banner"></div>
|
<div class="user-banner"></div>
|
||||||
<div class="user-header">
|
<div class="user-header">
|
||||||
|
@ -171,17 +171,17 @@ a {
|
|||||||
max-height: 10em;
|
max-height: 10em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-profile .user-content {
|
.user-main-profile .user-content {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-profile .user-header {
|
.user-main-profile .user-header {
|
||||||
background-color: var(--banner-background);
|
background-color: var(--banner-background);
|
||||||
padding-bottom: 2em;
|
padding-bottom: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-profile .user-banner {
|
.user-main-profile .user-banner {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 12em;
|
height: 12em;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
@ -189,7 +189,7 @@ a {
|
|||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-pp-image {
|
.user-main-profile .user-pp-image {
|
||||||
width: 10em;
|
width: 10em;
|
||||||
height: 10em;
|
height: 10em;
|
||||||
border-radius: 10em;
|
border-radius: 10em;
|
||||||
@ -198,33 +198,33 @@ a {
|
|||||||
background-color: var(--banner-background);
|
background-color: var(--banner-background);
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-pp {
|
.user-main-profile .user-pp {
|
||||||
height: 6em;
|
height: 6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-profile .display-name {
|
.user-main-profile .display-name {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-profile .user-role {
|
.user-main-profile .user-role {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.certification {
|
.user-main-profile .certification {
|
||||||
transform: translate(0, +22%);
|
transform: translate(0, +22%);
|
||||||
width: 1.5em;
|
width: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-profile .bio {
|
.user-main-profile .bio {
|
||||||
padding: 1em 0;
|
padding: 1em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-profile .user-articles {
|
.user-main-profile .user-articles {
|
||||||
margin-top: 5em;
|
margin-top: 5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-profile .bio-input {
|
.user-main-profile .bio-input {
|
||||||
max-height: 3em;
|
max-height: 3em;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
@ -237,30 +237,30 @@ a {
|
|||||||
width: 15em;
|
width: 15em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.auteur-username {
|
.article-auteur .auteur-username {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.auteur-display-name {
|
.article-auteur .auteur-display-name {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.auteur-display-name .certification {
|
.article-auteur .auteur-display-name .certification {
|
||||||
transform: translate(0, -15%);
|
transform: translate(0, -15%);
|
||||||
width: 1.5em;
|
width: 1.5em;
|
||||||
margin-left: 0.5em;
|
margin-left: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.auteur-names {
|
.article-auteur .auteur-names {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.auteur-pp {
|
.article-auteur .auteur-pp {
|
||||||
height: 4em;
|
height: 4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.auteur-pp-image {
|
.article-auteur .auteur-pp-image {
|
||||||
width: 4em;
|
width: 4em;
|
||||||
height: 4em;
|
height: 4em;
|
||||||
border-radius: 4em;
|
border-radius: 4em;
|
||||||
|
@ -111,7 +111,7 @@ if($resultat) {
|
|||||||
<main>
|
<main>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div>
|
<div>
|
||||||
<div class="user-profile">
|
<div class="user-main-profile">
|
||||||
<div class="user-banner"></div>
|
<div class="user-banner"></div>
|
||||||
<div class="user-header">
|
<div class="user-header">
|
||||||
<div class="user-content">
|
<div class="user-content">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user