ajout de la fonction listenToken

OpenClassrooms-Student-Center · May 25, 2023 · c1f9b98 · c1f9b98
1 parent 950766c
commit c1f9b98
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 21 deletions.
diff --git a/FrontEnd/assets/style.css b/FrontEnd/assets/style.css
@@ -72,18 +72,13 @@ body {
 	height: 60px;
 	background-color: #000;
 }
-.mode div:first-child{
-	width: 16px;
-	height: 16px;
-	background-color: #fff;
-}
-.mode i {
-	color: #000;
-	font-size: 15px;
+.mode img {
+	width: 20px;
+	height: 20px;
 }
 .mode p {
 	color: #FFFFFF;
-	margin: 0 20px 0 10px;
+	margin: 0 20px 0 7px;
 }
 .mode button {
 	background-color: #fff;
@@ -192,7 +187,9 @@ li:hover {
 	text-align: center;
   margin-bottom: 2em;
 }
-
+.button-filter-hidden{
+	display: none;
+}
 .categorie-button {
 	font-family: 'Syne';
 	color: #1D6154;
@@ -202,26 +199,22 @@ li:hover {
 	border: 1px solid #1D6154;
 	border-radius: 60px;
 }
-
 .gallery {
 	width: 100%;
 	display: grid;
 	grid-template-columns: 1fr 1fr 1fr;
 	grid-column-gap: 20px;
 	grid-row-gap: 20px;
 }
-
 .gallery img {
 	width: 100%;
-
 }
 #contact {
 	width: 50%;
 margin: auto;
 }
 #contact > * {
 	text-align: center;
-
 }
 #contact h2{
 	margin-bottom: 20px;
@@ -232,7 +225,6 @@ margin: auto;
 	display: flex;
 	flex-direction: column;
 }
-
 #contact input {
 	height: 50px;
 	font-size: 1.2em;
@@ -246,7 +238,6 @@ margin: auto;
 	border: none;
 	box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.09);
 }
-
 input[type="submit"]{
 	font-family: 'Syne';
 	font-weight: 700;
@@ -257,7 +248,6 @@ input[type="submit"]{
 	text-align: center;
 	border-radius: 60px ;
 }
-
 footer {
 	background-color: #FFFFFF;
 	position: absolute;

diff --git a/FrontEnd/index.html b/FrontEnd/index.html
@@ -13,9 +13,9 @@
 <body>
 	<div id="conteneur-page">
 
-		<div class="hidden-mode">
+		<div id="hiddenMode" class="hidden-mode">
 			<div>
-				<i class="fa-regular fa-pen-to-square fa-2xs"></i>
+				<img src="./assets/icons/pen-to-square white.png" alt="icône modifier">
 			</div>
 			<p>Mode édition</p>
 			<div>
@@ -48,12 +48,12 @@ <h2>Designer d'espace</h2>
 			<section id="portfolio">
 				<div class="projet">
 					<h2>Mes Projets</h2>
-					<div class="hidden">
+					<div class="hidden" id="hiddenFilter">
 						<img src="./assets/icons/pen-to-square-regular.svg" alt="icône modifier">
 						<p>modifier</p> 
 					</div>
 				</div>
-				<div class="button-filter"></div>
+				<div class="button-filter" class="button-filter-hidden" id="buttonFilterHidden"></div>
 				<div class="gallery"></div>
 			</section>
 			<section id="contact">