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

Fixed things and added new page

Browse source
This commit is contained in:
ericb 2024-12-17 11:11:17 +01:00
parent 82565ba430
commit 35f19d8d0a
3 changed files with 344 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

46
static/css/main.css
View file

@ -86,7 +86,7 @@ h1, h2, h3, h4, h5{
margin-top: var(--top-bar);
}
/* Screens */
[data-screen="search"] .container-fluid > .row, [data-screen="profile"] .container-fluid > .row{
[data-screen="search"] .container-fluid > .row, [data-screen="profile"] .container-fluid > .row, [data-screen="invitations"] .container-fluid > .row{
justify-content: center;
}
@ -296,6 +296,41 @@ article li:not(:first-of-type){
align-items: center;
}
/* invitations */
#invitationsResults ul{
padding-left: 0;
}
.invitation{
background: white;
padding: calc(var(--div-padding) / 4);
border-radius: 0.25rem;
position: relative;
display: flex;
align-items: center;
gap: 2rem;
}
.invitation .userPseudo{
margin-bottom: 0.125rem;
}
.invitation:not(:first-of-type){
margin-top: .75rem;
}
.invitation .userAvatar img{
width: 3rem;
height: 3rem;
}
.invitation p{
margin-bottom: 0;
}
.invitation .date{
font-size: 0.8em;
color: var(--bs-gray-600);
}
.invitationOptions{
margin-left: auto;
align-self: center;
}
/* search filters */
#searchFilters{
border: 1px solid white;
@ -356,7 +391,6 @@ label[for="lang"]{
#searchFilters label{
font-weight: 600;
}
#tandemList > .row{
justify-content: space-between;
gap: .5rem;
@ -508,6 +542,12 @@ nav .icon-ui{
.profile .userPseudo{
margin: .5em auto;
}
.invitation{
gap: 1rem;
}
.invitation .userPseudo{
text-align: left;
}
}
@media (width <= 992px) {
:root{
@ -519,7 +559,7 @@ nav .icon-ui{
#avatarContainer{
text-align: center;
}
.profileOptions{
.profileOptions, .invitationOptions{
display: grid;
gap: 0 .5rem;
width: fit-content;