icon fix

Proto-Chat · Jun 23, 2023 · eea0158 · eea0158
1 parent ac09b93
commit eea0158
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 3 deletions.
diff --git a/client/CSS/profile.css b/client/CSS/profile.css
@@ -30,7 +30,7 @@
     margin-top: -3px;
     cursor: grab;
     display: inline;
-    margin-right: 20px;
+    margin-right: 25px;
 }
 
 .nopointer { cursor: default; }

diff --git a/client/assets/exit.png b/client/assets/exit.png
diff --git a/client/scripts/initialize.js b/client/scripts/initialize.js
@@ -90,18 +90,35 @@ function initializeLayout(response, dmid) {
 }
 
 
+const createPFPDivIcon = (url) => {
+    const icon = document.createElement('img');
+    icon.style.position = 'absolute';
+    icon.style.width = '25px';
+    icon.style.height = '25px';
+    icon.style.marginTop = '5px';
+    // icon.style.marginLeft = '10px';
+    icon.src = url;
+
+    return icon;
+}
+
+
 function setUpUser(user) {
     const element = document.getElementsByClassName('userprofile')[0];
     const uname = document.createElement('h1');
     uname.innerText = user.username;
     element.appendChild(uname);
 
     const settingsTrigger = document.createElement('p');
-    settingsTrigger.innerText = '⚙';
+    // settingsTrigger.innerText = '⚙';
+    settingsTrigger.appendChild(createPFPDivIcon('https://clipground.com/images/settings-icon-png-white-3.png'));
     settingsTrigger.className = 'settingsTrigger';
 
     const logoutTrigger = document.createElement('p');
-    logoutTrigger.innerText = '🛑';
+    // logoutTrigger.innerText = '🛑';
+    const lico = createPFPDivIcon('https://github.com/ION606/chatJS/blob/main/client/assets/exit.png?raw=true');
+    lico.style.marginLeft = '20px';
+    logoutTrigger.appendChild(lico);
     logoutTrigger.className = 'settingsTrigger';
 
     const profileConfigs = {