Commit e0a0f306 by Félicie

tile added

parent d6fb1b0c
Pipeline #1863 passed with stage
in 1 minute 30 seconds
...@@ -16,18 +16,6 @@ ...@@ -16,18 +16,6 @@
} }
/* Search membres area */ /* Search membres area */
#search_member_area {
margin-top: 30px;
display: flex;
flex-direction: column;
align-items: center;
}
@media screen and (max-width: 992px) {
#search_member_area {
flex-direction: column;
}
}
#search_member_form_area { #search_member_form_area {
align-items: center; align-items: center;
...@@ -54,7 +42,16 @@ ...@@ -54,7 +42,16 @@
/* -- Tiles */ /* -- Tiles */
.tiles_container {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 992px) {
.tiles_container {
flex-direction: column;
}
}
.tile { .tile {
flex: 1 0 45%; flex: 1 0 45%;
...@@ -70,27 +67,4 @@ ...@@ -70,27 +67,4 @@
} }
.small_tile { .small_tile {
min-height: 250px; min-height: 250px;
}
.full_width_tile {
flex: 1 0 90%;
min-height: 100px;
}
.tile_title {
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid #e7e9ed;
font-size: 2.4rem;
padding: 2rem 0;
width: 80%;
}
.tile_content {
position: relative;
margin: 3rem 0;
width: 80%;
display: flex;
height: 100%;
} }
\ No newline at end of file
...@@ -27,7 +27,8 @@ ...@@ -27,7 +27,8 @@
<div class="page_content"> <div class="page_content">
<div class="tiles_container"> <div class="tiles_container">
<div id="search_member_area">
<div class="tile high_tile">
<div id="search_member_form_area"> <div id="search_member_form_area">
<h4>Rechercher le.a coopérateur.ice titulaire</h4> <h4>Rechercher le.a coopérateur.ice titulaire</h4>
<form id="search_member_form" action="javascript:;" method="post"> <form id="search_member_form" action="javascript:;" method="post">
...@@ -35,15 +36,14 @@ ...@@ -35,15 +36,14 @@
<button type="submit" class="btn--primary" id="search_member_button">Recherche</button> <button type="submit" class="btn--primary" id="search_member_button">Recherche</button>
</form> </form>
</div> </div>
</div>
<div class="search_member_results_area" style="display:none;"> <div class="search_member_results_area" style="display:none;">
<div class="search_results_text"> <div class="search_results_text">
<p><i>Choisissez parmi les membres trouvés :</i></p> <p><i>Choisissez parmi les membres trouvés :</i></p>
</div> </div>
<div class="search_member_results"></div> <div class="search_member_results"></div>
</div> </div>
</div> </div>
<div id="search_member_area"> <div class="tile ">
<div id="search_member_form_area"> <div id="search_member_form_area">
<h4>Rechercher le.a coopérateur.ice co-titulaire</h4> <h4>Rechercher le.a coopérateur.ice co-titulaire</h4>
<form id="search_member_form" action="javascript:;" method="post"> <form id="search_member_form" action="javascript:;" method="post">
...@@ -51,14 +51,14 @@ ...@@ -51,14 +51,14 @@
<button type="submit" class="btn--primary" id="search_member_button">Recherche</button> <button type="submit" class="btn--primary" id="search_member_button">Recherche</button>
</form> </form>
</div> </div>
</div>
<div class="search_member_results_area" style="display:none;"> <div class="search_member_results_area" style="display:none;">
<div class="search_results_text"> <div class="search_results_text">
<p><i>Choisissez parmi les membres trouvés :</i></p> <p><i>Choisissez parmi les membres trouvés :</i></p>
</div> </div>
<div class="search_member_results"></div> <div class="search_member_results"></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment