eric/e-tandem_UI
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix issue with banner

Browse source
This commit is contained in:
ericb 2025-01-23 08:08:28 +01:00
parent 450912aae3
commit d741693de7
7 changed files with 18 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

4
documents.html
View file

@ -142,11 +142,11 @@
<div class="hero hero-secondary container-fluid"> <div class="hero hero-secondary container-fluid">
<div> <div>
<div class="row"> <div class="row">
<div class="col-lg-6 bottom-anchored order-2 order-lg-1 "> <div class="col-lg-5 bottom-anchored order-2 order-lg-1 ">
<img class="img-fluid" src="static/img/ban-5.png"> <img class="img-fluid" src="static/img/ban-5.png">
</div> </div>
<div class="col-lg-6 order-1 order-lg-2"> <div class="col-lg-6 order-1 order-lg-2">
<h1 class="display-5 fw-bold">Espace documentaire</h1> <h1 class="display-5 fw-bold lh-1">Espace documentaire</h1>
</div> </div>
</div> </div>
</div> </div>

4
invitations.html
View file

@ -142,11 +142,11 @@
<div class="hero hero-secondary container-fluid"> <div class="hero hero-secondary container-fluid">
<div> <div>
<div class="row"> <div class="row">
<div class="col-lg-6 bottom-anchored order-2 order-lg-1 "> <div class="col-lg-5 bottom-anchored order-2 order-lg-1 ">
<img class="img-fluid" src="static/img/ban-5.png"> <img class="img-fluid" src="static/img/ban-5.png">
</div> </div>
<div class="col-lg-6 order-1 order-lg-2"> <div class="col-lg-6 order-1 order-lg-2">
<h1 class="display-5 fw-bold">Demandes de TANDEMs</h1> <h1 class="display-5 fw-bold lh-1">Demandes de TANDEMs</h1>
</div> </div>
</div> </div>
</div> </div>

4
my-tandems.html
View file

@ -142,11 +142,11 @@
<div class="hero hero-secondary container-fluid"> <div class="hero hero-secondary container-fluid">
<div> <div>
<div class="row"> <div class="row">
<div class="col-lg-6 bottom-anchored order-2 order-lg-1 "> <div class="col-lg-5 bottom-anchored order-2 order-lg-1 ">
<img class="img-fluid" src="static/img/ban-5.png"> <img class="img-fluid" src="static/img/ban-5.png">
</div> </div>
<div class="col-lg-6 order-1 order-lg-2"> <div class="col-lg-6 order-1 order-lg-2">
<h1 class="display-5 fw-bold">Mes TANDEMs</h1> <h1 class="display-5 fw-bold lh-1">Mes TANDEMs</h1>
</div> </div>
</div> </div>
</div> </div>

9
profile.html
View file

@ -148,12 +148,11 @@
<div class="hero hero-secondary container-fluid"> <div class="hero hero-secondary container-fluid">
<div> <div>
<div class="row"> <div class="row">
<div class="col-lg-6 bottom-anchored order-2 order-lg-1 "> <div class="col-lg-auto bottom-anchored order-2 order-lg-1 ">
<img class="img-fluid" src="static/img/ban-4.png"> <img class="img-fluid" src="static/img/ban-4.png">
</div> </div>
<div class="col-lg-6 order-1 order-lg-2"> <div class="col-lg-6 order-1 order-lg-2">
<h1 class="display-5 fw-bold lh-1 mb-3 mb-lg-5">Mon profil</h1> <h1 class="display-5 fw-bold lh-1">Mon profil</h1>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br>Aenean id dui auctor, viverra augue facilisis, accumsan arcu. Suspendisse sollicitudin laoreet lacus eu varius. </p>
</div> </div>
</div> </div>
</div> </div>
@ -165,13 +164,13 @@
<nav class="side-menu"> <nav class="side-menu">
<ul class="nav flex-column mb-auto"> <ul class="nav flex-column mb-auto">
<li class="nav-item"> <li class="nav-item">
<a href="#" role="menuitem" class="nav-link active" aria-current="page">Rechercher des TANDEMs</a> <a href="#" role="menuitem" class="nav-link">Rechercher des TANDEMs</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a href="#" role="menuitem" class="nav-link">Mes TANDEMs</a> <a href="#" role="menuitem" class="nav-link">Mes TANDEMs</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a href="profile.html" role="menuitem" class="nav-link">Mon profil</a> <a href="profile.html" role="menuitem" class="nav-link active" aria-current="page">Mon profil</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a href="invitations.html" role="menuitem" class="nav-link">Demandes <span class="badge rounded-pill">101</span></a> <a href="invitations.html" role="menuitem" class="nav-link">Demandes <span class="badge rounded-pill">101</span></a>

4
signalements.html
View file

@ -142,11 +142,11 @@
<div class="hero hero-secondary container-fluid"> <div class="hero hero-secondary container-fluid">
<div> <div>
<div class="row"> <div class="row">
<div class="col-lg-6 bottom-anchored order-2 order-lg-1 "> <div class="col-lg-5 bottom-anchored order-2 order-lg-1 ">
<img class="img-fluid" src="static/img/ban-6.png"> <img class="img-fluid" src="static/img/ban-6.png">
</div> </div>
<div class="col-lg-6 order-1 order-lg-2"> <div class="col-lg-6 order-1 order-lg-2">
<h1 class="display-5 fw-bold">Gestion des signalements</h1> <h1 class="display-5 fw-bold lh-1">Gestion des signalements</h1>
</div> </div>
</div> </div>
</div> </div>

4
static/css/main.css
View file

@ -136,6 +136,9 @@ h1, h2, h3, h4, h5{
.hero-primary, .hero-secondary{ .hero-primary, .hero-secondary{
padding: var(--div-padding) padding: var(--div-padding)
} }
.hero-secondary .img-fluid{
max-height:350px;
}
#lead{ #lead{
display: flex; display: flex;
height: 100%; height: 100%;
@ -223,6 +226,7 @@ h1, h2, h3, h4, h5{
} }
.bottom-anchored{ .bottom-anchored{
margin-bottom: calc(var(--div-padding) * -1); margin-bottom: calc(var(--div-padding) * -1);
text-align: center;
} }
article li:not(:first-of-type){ article li:not(:first-of-type){
margin-top: 0.5rem; margin-top: 0.5rem;

4
tandem-list.html
View file

@ -144,11 +144,11 @@
<div class="hero hero-secondary container-fluid"> <div class="hero hero-secondary container-fluid">
<div> <div>
<div class="row"> <div class="row">
<div class="col-lg-6 bottom-anchored order-2 order-lg-1 "> <div class="col-lg-5 bottom-anchored order-2 order-lg-1 ">
<img class="img-fluid" src="static/img/ban-3.png"> <img class="img-fluid" src="static/img/ban-3.png">
</div> </div>
<div class="col-lg-6 order-1 order-lg-2"> <div class="col-lg-6 order-1 order-lg-2">
<h1 class="display-5 fw-bold">Rechercher des TANDEMs</h1> <h1 class="display-5 fw-bold lh-1">Rechercher des TANDEMs</h1>
</div> </div>
</div> </div>
</div> </div>