From b5f589c323f415bb42ea7069cb4d1a8a2233dd69 Mon Sep 17 00:00:00 2001
From: Minteck <contact@minteck.org>
Date: Wed, 31 Aug 2022 22:03:07 +0200
Subject: Update I guess - Stuffie

---
 app/banner.js | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

(limited to 'app/banner.js')

diff --git a/app/banner.js b/app/banner.js
index 8dd42a4..81991e9 100644
--- a/app/banner.js
+++ b/app/banner.js
@@ -107,17 +107,20 @@ async function refreshBanner(offline, french) {
     document.getElementById("member-banner").innerHTML = `
 
 <div id="system-info" style="border:1px solid #${data['color']};background:rgba(255, 255, 255, .1);border-radius:10px;display:grid;grid-template-columns: 128px 1fr;">
-    <div style="margin:10px;width:100%;display:flex;align-items: center;justify-content: center;">
+    <div style="margin:10px;width:100%;display:flex;align-items: center;justify-content: center;" id="member-icon-outer">
         <img id="member-icon" src="${offline ? JSON.parse(await localforage.getItem("images")).profile[data['icon']['offline'].split(".")[0].split("-")[1]][data['icon']['offline'].split(".")[0].split("-")[2]] : (data['icon']['online'] ?? (data['id'] === "fusion" ? '/assets/logo/logo.png' : data['system']['icon']))}" alt="" style="background-color:rgba(255, 255, 255, .125);width:128px;height:128px;border-radius:5px;">
     </div>
     
     <div style="padding:10px 10px 10px 20px;text-align:center;">
         <h3 style="margin-bottom:0;">
-            ${data['id'] === "unknown" ? `
-            <span class="text-muted">Unknown member (${data['system']['name']} System)</span>
-            ` : data['id'] === "fusion" ? (data['name'] === "fusion" ? `
-            <span class="text-muted">Multiple merged members</span>
-            ` : data['name']) : data['name']}
+            <img id="member-icon-mobile" src="${offline ? JSON.parse(await localforage.getItem("images")).profile[data['icon']['offline'].split(".")[0].split("-")[1]][data['icon']['offline'].split(".")[0].split("-")[2]] : (data['icon']['online'] ?? (data['id'] === "fusion" ? '/assets/logo/logo.png' : data['system']['icon']))}" alt="" style="background-color:rgba(255, 255, 255, .125);width:36px;height:36px;border-radius:999px;display:none;margin-right:5px;">
+            <span style="vertical-align: middle;">
+                ${data['id'] === "unknown" ? `
+                <span class="text-muted">Unknown member (${data['system']['name']} System)</span>
+                ` : data['id'] === "fusion" ? (data['name'] === "fusion" ? `
+                <span class="text-muted">Multiple merged members</span>
+                ` : data['name']) : data['name']}
+            </span>
         </h3>
         
         <div style="margin-bottom:0.5rem;">
@@ -176,7 +179,7 @@ async function refreshBanner(offline, french) {
             ` : ''}
         </div>
         ${data['id'] !== "unknown" && data['id'] !== "fusion" ? `
-        <div style="display:grid;grid-template-columns: repeat(${data["little"] ? "3" : "2"}, 1fr);margin-top:5px;">
+        <div style="display:grid;grid-template-columns: repeat(${data["little"] ? "3" : "2"}, 1fr);margin-top:5px;" id="member-relations">
             <span>
                 <b>${french ? (data['relations']['marefriends'].length > 1 ? 'Partenaires ' : 'Partenaire ') : `Marefriend${data['relations']['marefriends'].length > 1 ? 's' : ''}`}: </b>${data['relations']['marefriends'].length > 1 ? '<span class="list-separator-mobile"><br></span>' : ''}
                 ${data['relations']['marefriends'].map(relation => `
-- 
cgit