Cosmetic + my tandems template

This commit is contained in:
ericb 2025-01-21 14:18:23 +01:00
parent 2dd492cc33
commit 450912aae3
4 changed files with 389 additions and 22 deletions

View file

@ -288,34 +288,38 @@ article li:not(:first-of-type){
padding-left: 0;
margin-bottom: 0
}
.invitation{
.invitation, .tandem{
display: flex;
align-items: center;
gap: 2rem;
border-top: 1px dotted var(--bs-gray-400);
padding-top: .75rem;
}
.invitation .user-pseudo{
.invitation .user-pseudo, .tandem .user-pseudo{
margin-bottom: 0.125rem;
}
.invitation:not(:first-of-type){
.invitation:not(:first-of-type), .tandem:not(:first-of-type){
margin-top: .75rem;
}
.invitation .user-avatar img{
.invitation .user-avatar img, .tandem .user-avatar img{
width: 3rem;
height: 3rem;
}
#current-tandems .user-avatar img{
width: 5rem;
height: 5rem;
}
p.date{
font-size: 0.8em;
color: var(--bs-gray-600);
margin-bottom: 0.5rem;
margin: 0.5rem 0;
}
h2.date{
color: var(--bs-gray-600);
border-bottom: 1px solid var(--bs-gray-600);
padding-bottom: 0.5rem;
}
.invitation-options{
.invitation-options, .tandem-options{
margin-left: auto;
align-self: center;
}
@ -462,7 +466,7 @@ table#reports-todo tr:not(:first-of-type) {
border-top: 1px dotted var(--bs-gray-400);
padding-top: .75rem;
}
.report p:not(.date){
.report p:not(.date), .tandem p:not(.date){
margin-bottom: 0;
}
#lang-level-list{
@ -624,10 +628,10 @@ nav .icon-ui{
.profile .user-pseudo{
margin: .5em auto;
}
.invitation{
.invitation, .tandem{
gap: 1rem;
}
.invitation .user-pseudo{
.invitation .user-pseudo, .tandem .user-pseudo{
text-align: left;
}
}
@ -641,13 +645,13 @@ nav .icon-ui{
#avatar-container{
text-align: center;
}
.profile-options, .invitation-options{
.profile-options, .invitation-options, .tandem-options{
display: grid;
gap: 0 .5rem;
width: fit-content;
margin: calc(var(--div-padding) / 3) auto 0;
}
.invitation-options{
.invitation-options, .tandem-options{
margin: 0;
}
.offcanvas .user-avatar{
@ -713,10 +717,10 @@ nav .icon-ui{
.separator.menu-admin > .btn-link{
padding: .725rem 1rem .725rem 0;
}
.invitation-options button span{
.invitation-options button span, .tandem-options button span{
display: none;
}
.invitation-options button .icon-ui{
.invitation-options button .icon-ui, .tandem-options button .icon-ui{
margin: 0;
}
table#reports-todo td, table#reports-todo td:first-child{

View file

@ -1,7 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512">
<defs>
<radialGradient id="Dégradé_sans_nom" data-name="Dégradé sans nom" cx="388.66" cy="124.27" fx="388.66" fy="124.27" r="376" gradientTransform="translate(-8.62 340.61) scale(.68 -.68)" gradientUnits="userSpaceOnUse">
<radialGradient id="gradient1" data-name="gradient1" cx="388.66" cy="124.27" fx="388.66" fy="124.27" r="376" gradientTransform="translate(-8.62 340.61) scale(.68 -.68)" gradientUnits="userSpaceOnUse">
<stop offset=".9" stop-color="#f0f0f0" stop-opacity="0"/>
<stop offset=".99" stop-color="#5b5b5b" stop-opacity=".09"/>
<stop offset="1" stop-color="#000" stop-opacity=".15"/>
@ -14,9 +14,9 @@
<path d="M287.23,195.04c9.27-.02,16.76-7.55,16.73-16.81-.03-9.26-7.55-16.75-16.82-16.72-9.26.03-16.75,7.55-16.72,16.81.03,9.26,7.55,16.75,16.81,16.73h0Z" style="fill: #fff;"/>
<path d="M258.98,295.69c16.34-.04,29.54-13.33,29.5-29.67-.04-16.34-12.57-6.25-28.9-6.21-16.35.03-30.32-9.99-30.28,6.35s13.32,29.56,29.67,29.5v.03Z" style="fill: #fff;"/>
</g>
<g id="Calque_2">
<g>
<path d="M88,228.93s16,125,77,148" style="fill: none; stroke: #fff; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 15px;"/>
<g id="GyhAtZ">
<g>
<g>
<path d="M88.71,229.94c1.52.09,2.83.21,4.14.24,8.15.22,14.56-4.07,17.39-11.72.74-2,1.2-4.1,1.8-6.15,2.47-8.4,7.85-14.22,15.77-17.79.71-.32,1.42-.63,2.12-.98,3.71-1.84,3.74-5.53,1.71-8.2-1.38-1.82-3.35-2.71-5.5-3.22-7.65-1.84-15.07,2.32-17.57,9.82-.66,1.97-1.26,3.98-2.51,5.69-.43.59-.94,1.14-1.55,1.61.47-1.13.87-2.3,1.44-3.38.74-1.4.39-2.83.28-4.25-.6-7.65.03-15.19,1.86-22.65,1.33-5.39,2.58-10.8,3.82-16.21.35-1.54.63-3.12.1-4.69-.89-2.65-2.81-3.65-5.9-3.1-3.63.64-6.13,2.88-8.09,5.81-2.19,3.27-3.01,7-3.03,10.85-.02,4.33.31,8.66.44,12.99.11,3.77.13,7.55.19,11.32,0,.13-.01.26-.02.35.49.08-11.11-.59-14.43.16s-11.45,6.09-10.87,5.77c-.24-.42-.47-.83-.7-1.22-4.1-6.86-8.21-13.72-12.3-20.59-.84-1.41-1.58-2.87-2.42-4.28-.34-.56-.74-1.12-1.23-1.56-1.29-1.14-2.98-1.23-4.38-.24-2.49,1.75-3.4,4.32-3.46,7.23-.08,4.02,1.41,7.39,4.29,10.22,2.71,2.67,5.4,5.37,7.98,8.16,1.83,1.99,3.26,4.29,4.29,6.8.15.35.28.87.14,1.16-.89,1.8-.65,3.57.04,5.33.38.97.33,1.92.16,2.94-1.22,7.29.03,14.16,4.12,20.32,2.67,4.02,6.82,5.83,11.53,6.35,1.54.17,3.11.1,4.66.14.33,0,1.69-.25,2.77-.83.82-.44,2.92-2.23,2.92-2.23ZM93.96,186.34c-.03-.16-.05-.29-.07-.42-.53-3.52-1.18-7.02-1.58-10.55-.84-7.39-.9-14.8-.31-22.22.25-3.13.46-6.26-.18-9.38-.41-1.98-1.54-3.22-3.51-3.67-1.32-.3-2.61-.14-3.83.41-3.43,1.54-5.67,4.22-7.16,7.58-1.47,3.32-1.58,6.84-1.25,10.39.39,4.24,1.84,8.23,2.95,12.31,1.42,5.23,2.79,10.48,3.24,15.91.04.51.15,1.02.21,1.42l11.47-1.77ZM81.45,188.39s.02-.09,0-.13c-2.45-5.4-4.34-11-6.02-16.68-1.3-4.37-1.99-8.83-2.21-13.37-.12-2.36-.25-4.72-.58-7.06-.42-2.98-2.22-4.21-5.18-3.75-2.61.41-4.55,1.87-6,3.99-2.28,3.32-2.56,7.05-2.02,10.88.54,3.89,2.06,7.48,3.64,11.04,2.73,6.18,6.74,11.76,8.74,18.26,3.23-1.07,6.44-2.12,9.65-3.18Z" style="fill: #fff;"/>
<path d="M93.96,186.34l-11.47,1.77c-.06-.4-.17-.91-.21-1.42-.45-5.43-1.82-10.68-3.24-15.91-1.11-4.07-2.56-8.06-2.95-12.31-.32-3.55-.22-7.06,1.25-10.39,1.49-3.36,3.73-6.04,7.16-7.58,1.22-.55,2.51-.71,3.83-.41,1.97.45,3.1,1.69,3.51,3.67.64,3.12.42,6.25.18,9.38-.59,7.42-.53,14.83.31,22.22.4,3.53,1.04,7.03,1.58,10.55.02.13.04.26.07.42Z" style="fill: #fff;"/>
@ -24,5 +24,5 @@
</g>
</g>
</g>
<circle cx="256" cy="256" r="256" style="fill: url(#Dégradé_sans_nom);"/>
<circle cx="256" cy="256" r="256" style="fill: url(#gradient1);"/>
</svg>

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4 KiB

Before After
Before After