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

Compare commits

base: eric:4f922a91e63822603e0631a008bd5f3783ab14d9
Branches Tags
eric:main
..
compare: eric:916fe4c01b258cb66ffcc5ce034542115e8f1a7e
Branches Tags
eric:main

No commits in common. "4f922a91e63822603e0631a008bd5f3783ab14d9" and "916fe4c01b258cb66ffcc5ce034542115e8f1a7e" have entirely different histories.
4f922a91e6 ... 916fe4c01b

2 changed files with 14 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

34
static/css/main.css
View file

@ -52,9 +52,6 @@ body {
#mainNav, .offcanvas-backdrop{ #mainNav, .offcanvas-backdrop{
top: var(--top-bar); top: var(--top-bar);
} }
/* .offcanvas-body{
background-color: var(--accent-light);
} */
.offcanvas-header, .offcanvas-body{ .offcanvas-header, .offcanvas-body{
padding: 1.625rem; padding: 1.625rem;
} }
@ -67,9 +64,9 @@ body {
height: auto; height: auto;
min-height: calc(100vh - var(--top-bar)) min-height: calc(100vh - var(--top-bar))
} }
/* [data-platform="public"] > [data-screen="connect"]{ [data-platform="public"] > [data-screen="connect"]{
background-color: var(--accent-normal); /* background-color: var(--accent-normal); */
} */ }
[data-screen="404"] .container{ [data-screen="404"] .container{
justify-content: center; justify-content: center;
} }
@ -212,25 +209,11 @@ article li:not(:first-of-type){
background: white; background: white;
padding: calc(var(--div-padding) / 2); padding: calc(var(--div-padding) / 2);
border-radius: 0.25rem; 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{ .user-avatar img{
width: 9em; width: 9em;
height: 9em; height: 9em;
@ -415,9 +398,6 @@ footer a img{
width: fit-content; width: fit-content;
margin: calc(var(--div-padding) / 1.25) auto 0; margin: calc(var(--div-padding) / 1.25) auto 0;
} }
.offcanvas-body{
background-color: var(--accent-light);
}
} }
@media (576px <= width <= 992px) { @media (576px <= width <= 992px) {
.btn-stack{ .btn-stack{

10
tandem-list.html
View file

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