Compare commits

...

2 commits

Author SHA1 Message Date
4f922a91e6 Fixed things 2024-11-26 17:45:04 +01:00
4dc0277552 Modified terminology 2024-11-26 17:44:43 +01:00
2 changed files with 32 additions and 14 deletions

View file

@ -52,6 +52,9 @@ body {
#mainNav, .offcanvas-backdrop{
top: var(--top-bar);
}
/* .offcanvas-body{
background-color: var(--accent-light);
} */
.offcanvas-header, .offcanvas-body{
padding: 1.625rem;
}
@ -64,9 +67,9 @@ body {
height: auto;
min-height: calc(100vh - var(--top-bar))
}
[data-platform="public"] > [data-screen="connect"]{
/* background-color: var(--accent-normal); */
}
/* [data-platform="public"] > [data-screen="connect"]{
background-color: var(--accent-normal);
} */
[data-screen="404"] .container{
justify-content: center;
}
@ -209,11 +212,25 @@ article li:not(:first-of-type){
background: white;
padding: calc(var(--div-padding) / 2);
border-radius: 0.25rem;
margin-top: 1rem
margin-top: 1rem;
position: relative;
}
.profile:not(:first-child){
margin-top: 1.75rem;
}
.profile:not(:first-child):before {
content: '•••';
display: flex;
position: absolute;
top: -1.625rem;
width: 100%;
left: 0;
justify-content: center;
align-items: center;
font-size: 2rem;
line-height: .525;
color: darkgray;
}
/* .profile:nth-child(even){
margin-top: 1rem
} */
.user-avatar img{
width: 9em;
height: 9em;
@ -398,6 +415,9 @@ footer a img{
width: fit-content;
margin: calc(var(--div-padding) / 1.25) auto 0;
}
.offcanvas-body{
background-color: var(--accent-light);
}
}
@media (576px <= width <= 992px) {
.btn-stack{

View file

@ -37,7 +37,7 @@
<a href="#" class="nav-link">Mes TANDEMs</a>
</li>
<li>
<a href="profile.html" class="nav-link">Modifier mon profil</a>
<a href="profile.html" class="nav-link">Mon profil</a>
</li>
<li>
<a href="#" class="nav-link">Demandes reçues <span class="badge text-bg-secondary rounded-pill">101</span></a>
@ -110,7 +110,7 @@
<a href="#" role="menuitem" class="nav-link">Mes TANDEMs</a>
</li>
<li class="nav-item">
<a href="profile.html" role="menuitem" class="nav-link">Modifier mon profil</a>
<a href="profile.html" role="menuitem" class="nav-link">Mon profil</a>
</li>
<li class="nav-item">
<a href="#" role="menuitem" class="nav-link">Demandes reçues <span class="badge text-bg-secondary rounded-pill">101</span></a>
@ -216,14 +216,12 @@
</div>
</form>
</div>
<div id="tandem-search-results">
<!-- profile test -->
<div id="search-total-results" class="alert alert-warning mt-3">
XX profils correspondent à vos critères de recherche
</div>
<div id="tandem-search-results">
<!-- profile test -->
<div class="profile">
<div class="row">
<div class="col-lg-2">