diff options
Diffstat (limited to 'assets/logo')
| -rw-r--r-- | assets/logo/banner.js | 7 | ||||
| -rw-r--r-- | assets/logo/custom.css | 2 |
2 files changed, 8 insertions, 1 deletions
diff --git a/assets/logo/banner.js b/assets/logo/banner.js index 02a8298..7a13759 100644 --- a/assets/logo/banner.js +++ b/assets/logo/banner.js @@ -55,6 +55,7 @@ async function refreshBanner(_, french) { if (data['relations']['caretakers'] && data['relations']['caretakers'].length > 0) active++; if (data['relations']['sexfriends'] && data['relations']['sexfriends'].length > 0) active++; if (data['relations']['sisters'] && data['relations']['sisters'].length > 0) active++; + if (data['relations']['friends'] && data['relations']['friends'].length > 0) active++; document.getElementById("member-banner").innerHTML = ` @@ -159,6 +160,12 @@ async function refreshBanner(_, french) { ${data['relations']['caretakers'].length === 0 ? '-' : ''} </span> ` : ''} + ${data['relations']['friends'] && data['relations']['friends'].length > 0 ? `<span> + <b>${french ? (data['relations']['friends'].length > 1 ? 'Amies ' : 'Amie ') : `Friend${data['relations']['friends'].length > 1 ? 's' : ''}`}: </b>${data['relations']['sisters'].length > 1 ? '<span class="list-separator-mobile"><br></span>' : ''} + ${data['relations']['friends'].map(relation => ` + <a title="${relation['name']}" data-bs-toggle="tooltip" class="member-link tooltip-nohelp" href="${relation['link']}"><img src="${offline ? relation['icon_offline'] : `${relation['icon']}`}" style="width:24px;"></a>`).join(``)} + ${data['relations']['friends'].length === 0 ? '-' : ''} + </span>` : ``} </div> ` : '<div style="margin-top:5px;"> </div>'} </div> diff --git a/assets/logo/custom.css b/assets/logo/custom.css index 75c1d19..0d35c4b 100644 --- a/assets/logo/custom.css +++ b/assets/logo/custom.css @@ -678,7 +678,7 @@ peh-muted { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; display: grid; - grid-template-columns: repeat(5, 1fr); + grid-template-columns: repeat(4, 1fr); text-align: center; } |