iobroker.mywebui 1.42.9 → 1.42.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iobroker.mywebui",
-  "version": "1.42.9",
+  "version": "1.42.10",
   "description": "ioBroker mywebui - Custom edited mywebui by gokturk413 with 3D Editor",
   "type": "module",
   "main": "dist/backend/main.js",

package/www/dist/frontend/config/IobrokerWebui3DScreenEditor.js

@@ -857,22 +857,34 @@ export class IobrokerWebui3DScreenEditor extends BaseCustomWebComponentConstruct
         const assetsListContent = this._getDomElement('assetsListContent');
 
         if (!this.sceneData.assets || this.sceneData.assets.length === 0) {
-            assetsListContent.innerHTML = '<div style="color:#888;">No assets loaded</div>';
+            assetsListContent.innerHTML = '<div style="color:#888;padding:20px;text-align:center;font-size:12px;">📦 No assets<br><br>Click "+ Model" to add</div>';
             return;
         }
 
-        let html = '';
+        let html = '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;">';
         for (const asset of this.sceneData.assets) {
             html += `
-                <div style="padding:8px;background:#242424;margin-bottom:5px;border-radius:3px;cursor:pointer;border:1px solid #333;">
-                    <div style="color:#0f0;font-weight:bold;">${asset.name}</div>
-                    <div style="color:#888;font-size:11px;margin-top:3px;">
-                        Type: ${asset.type}<br>
-                        Pos: (${asset.position.x.toFixed(1)}, ${asset.position.y.toFixed(1)}, ${asset.position.z.toFixed(1)})
-                    </div>
+                <div style="
+                    padding:12px;
+                    background:linear-gradient(135deg, #2a2a2a 0%, #242424 100%);
+                    border:1px solid #333;
+                    border-radius:6px;
+                    cursor:pointer;
+                    display:flex;
+                    flex-direction:column;
+                    align-items:center;
+                    text-align:center;
+                    font-size:11px;
+                "
+                onmouseover="this.style.borderColor='#0f0'"
+                onmouseout="this.style.borderColor='#333'">
+                    <div style="font-size:28px;margin-bottom:6px;">📦</div>
+                    <div style="color:#0f0;font-weight:bold;margin-bottom:3px;word-break:break-word;max-width:100%;">${asset.name.substring(0, 25)}</div>
+                    <div style="color:#888;font-size:10px;">${asset.type}</div>
                 </div>
             `;
         }
+        html += '</div>';
         assetsListContent.innerHTML = html;
     }