Add icon and credits

Author: pseudocode88

assets/logo-1000.png

@@ -441,4 +441,17 @@ button {
     color: var(--content-secondary);
     margin: 0;
     text-align: right;
+}
+
+.Credits-Title {
+    font-size: 16px;
+    font-weight: 900;
+    color: var(--content-muted);
+    margin-bottom: 4px;
+}
+
+.Credits-Creator {
+    font-size: 12px;
+    font-weight: 500;
+    color: var(--content-muted);
 }

assets/logo.icns

@@ -193,51 +193,10 @@ <h2>Account Settings</h2>
       </div>
     </section>
 
-    <!-- <section class="Value">
-      <p>Risk: <span id="risk">0.00</span></p>
-      <hr />
-      <p>Margin: <span id="margin">0.00</span></p>
-    </section>
-    <hr />
-
-    <section class="Size">
-      <div>
-        <label>Stop Loss</label>
-        <input type="text" id="sl" value="100" />
-      </div>
-
-      <div>
-        <label>Stop Loss</label>
-        <input type="text" id="sl" value="100" />
-      </div>
-
-      <div>
-        <label>Position Size</label>
-        <input type="text" id="ps" value="100" />
-      </div>
-
-      <div>
-        <label>Leverage</label>
-        <input type="text" id="lev" value="10" />
+    <div class="Credits">
+      <p class="Credits-Title">Trader Bruh - v1.1</p>
+      <p class="Credits-Creator">by @PseudoCode88</p>
     </div>
-    </section>
-
-    <hr />
-
-    <section class="Settings">
-      <div class="Settings__Capital">
-        <label>Capital</label>
-        <input type="text" id="capital" value="100" />
-      </div>
-      <div class="Settings__Risk">
-        <label>Min% Risk</label>
-        <input type="text" id="min-risk" value="3" placeholder="Min %" />
-      </div>
-      <div class="Settings__Risk">
-        <label>Max% Risk</label>
-        <input type="text" id="max-risk" value="5" placeholder="Max %" />
-      </div>
-    </section> -->
   </main>
 
   <script type="text/javascript" src="calc.js"></script>

index.css

@@ -8,7 +8,8 @@ const createWindow = () => {
         webPreferences: {
             nodeIntegration: true,
             contextIsolation: false
-        }
+        },
+        icon: 'assets/logo-1000.png'
     })
 
     win.resizable = true;
@@ -17,6 +18,8 @@ const createWindow = () => {
     win.loadFile('index.html')
 }
 
+app.setName("Trader Bruh");
+
 app.whenReady().then(() => {
     createWindow()
 

index.html

@@ -1,6 +1,6 @@
 {
-  "name": "ps-calc",
-  "version": "1.0.0",
+  "name": "trader-bruh",
+  "version": "1.1",
   "description": "Position Size Calculator",
   "main": "index.js",
   "keywords": [
@@ -23,13 +23,21 @@
       "makers": [
         {
           "name": "@electron-forge/maker-dmg",
-          "config": {}
+          "config": {
+            "name": "Trader bruh",
+            "icon": "assets/logo.icns"
+          }
         }
-      ]
+      ],
+      "packagerConfig": {
+        "icon": "assets/logo.icns",
+        "name": "Trader Bruh",
+        "iconSize": "10"
+      }
     }
   },
   "dependencies": {
     "jquery": "^3.7.0",
     "nedb": "^1.8.0"
   }
-}
+}