Commit e0a0f306 by Félicie

tile added

parent d6fb1b0c
Pipeline #1863 passed with stage
in 1 minute 30 seconds
......@@ -16,18 +16,6 @@
}
/* 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 {
align-items: center;
......@@ -54,7 +42,16 @@
/* -- Tiles */
.tiles_container {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 992px) {
.tiles_container {
flex-direction: column;
}
}
.tile {
flex: 1 0 45%;
......@@ -70,27 +67,4 @@
}
.small_tile {
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 @@
<div class="page_content">
<div class="tiles_container">
<div id="search_member_area">
<div class="tile high_tile">
<div id="search_member_form_area">
<h4>Rechercher le.a coopérateur.ice titulaire</h4>
<form id="search_member_form" action="javascript:;" method="post">
......@@ -35,15 +36,14 @@
<button type="submit" class="btn--primary" id="search_member_button">Recherche</button>
</form>
</div>
</div>
<div class="search_member_results_area" style="display:none;">
<div class="search_results_text">
<p><i>Choisissez parmi les membres trouvés :</i></p>
</div>
<div class="search_member_results"></div>
</div>
</div>
<div id="search_member_area">
</div>
<div class="tile ">
<div id="search_member_form_area">
<h4>Rechercher le.a coopérateur.ice co-titulaire</h4>
<form id="search_member_form" action="javascript:;" method="post">
......@@ -51,14 +51,14 @@
<button type="submit" class="btn--primary" id="search_member_button">Recherche</button>
</form>
</div>
</div>
<div class="search_member_results_area" style="display:none;">
<div class="search_results_text">
<p><i>Choisissez parmi les membres trouvés :</i></p>
</div>
<div class="search_member_results"></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