fixed not displaying minecraft player model without cape

docker-compose.yml

@@ -4,7 +4,7 @@ services:
     env_file:
         - .env
     ports:
-      - 8080:3000
+      - 8081:3000
     depends_on:
       - database
     restart: on-failure
@@ -14,8 +14,8 @@ services:
 
   database:
     image: 'postgres:15'
-    ports:
-      - 5432:5432
+#    ports:
+#      - 5432:5432
     volumes:
       - ./data/db:/var/lib/postgresql/data
     environment:

public/css/index.css

@@ -39,6 +39,8 @@ canvas {
     padding-right: 0;
     margin-left: auto;
     margin-right: auto;
+    width: auto;
+    height: auto;
     display: block;
 }
 
@@ -53,8 +55,12 @@ canvas {
 }
 
 .content-container {
-    margin-left: 33%;
-    margin-right: 33%;
+    /* margin-left: 15%; */
+    /* width: 50%; */
+    width: 65%;
+    margin-left: 17.5%;
+    margin-right: 17.5%;
+    /* margin-right: 33%; */
     /* background-color: #1b4c4ccc; */
     background-color: #b3b7b7cc;
     padding-left: 3%;

public/js/skin3d.js

@@ -1,9 +1,12 @@
 window.onload = async function() {
-    document.getElementById("cape").addEventListener("click", () => { set_cape_type("cape") }, false);
-    document.getElementById("cape").checked = true;
-    document.getElementById("elytra").addEventListener("click", () => { set_cape_type("elytra") }, false );  
-    document.getElementById("elytra").checked = false;
-
+	if (document.getElementById("cape")) {
+    	document.getElementById("cape").addEventListener("click", () => { set_cape_type("cape") }, false);
+    	document.getElementById("cape").checked = true;
+	} 
+	if (document.getElementById("elytra")) {
+		document.getElementById("elytra").addEventListener("click", () => { set_cape_type("elytra") }, false );  
+		document.getElementById("elytra").checked = false;
+	}
 
 	const username = await (await (fetch("/api/getUsername"))).text();
 
@@ -15,8 +18,6 @@ window.onload = async function() {
 	    cape: `https://launcher.foxarmy.org/cloaks/${username}.png`
 	});
 	
-	skinViewer.width = 300;
-	skinViewer.height = 400;
 	skinViewer.nameTag = username;
 	skinViewer.loadPanorama("images/panorama.jpeg");
 	skinViewer.fov = 120;

views/index.pug

@@ -1,5 +1,6 @@
 html
     head
+        meta(name="viewport" content="width=device-width, initial-scale=1.0") 
         title Личный кабинет
         link(href="css/index.css" rel="stylesheet")
     script(type="module" src="js/skinview3d.bundle.js")