diff --git a/js/common.js b/js/common.js
index 6482d00c..7a914953 100644
--- a/js/common.js
+++ b/js/common.js
@@ -208,5 +208,6 @@ export const icons = {
search: '',
extensions: '',
conflicts: '',
- passed: ''
+ passed: '',
+ download: ''
}
\ No newline at end of file
diff --git a/js/custom-nodes-manager.js b/js/custom-nodes-manager.js
index 2e08a92f..5e742c65 100644
--- a/js/custom-nodes-manager.js
+++ b/js/custom-nodes-manager.js
@@ -161,6 +161,7 @@ const pageCss = `
border-radius: 5px;
padding: 10px;
filter: drop-shadow(2px 5px 5px rgb(0 0 0 / 30%));
+ white-space: normal;
}
.cn-manager-grid .cn-extensions-list {
diff --git a/js/model-manager.js b/js/model-manager.js
index d6efd386..816e4662 100644
--- a/js/model-manager.js
+++ b/js/model-manager.js
@@ -126,7 +126,6 @@ const pageCss = `
position: absolute;
left: calc(50% - 10px);
top: calc(50% - 10px);
-
}
.cmm-manager .cmm-btn-enable {
@@ -144,6 +143,25 @@ const pageCss = `
color: white;
}
+.cmm-btn-download {
+ width: 18px;
+ height: 18px;
+ position: absolute;
+ left: calc(50% - 10px);
+ top: calc(50% - 10px);
+ cursor: pointer;
+ opacity: 0.8;
+ color: #fff;
+}
+
+.cmm-btn-download:hover {
+ opacity: 1;
+}
+
+.cmm-manager-light .cmm-btn-download {
+ color: #000;
+}
+
@keyframes cmm-btn-loading-bg {
0% {
left: 0;
@@ -450,7 +468,7 @@ export class ModelManager {
}
}, {
id: 'installed',
- name: 'Download',
+ name: 'Install',
width: 130,
minWidth: 110,
maxWidth: 200,
@@ -465,6 +483,15 @@ export class ModelManager {
}
return ``;
}
+ }, {
+ id: 'url',
+ name: '',
+ width: 50,
+ sortable: false,
+ align: 'center',
+ formatter: (url, rowItem, columnItem) => {
+ return `${icons.download}`;
+ }
}, {
id: 'type',
name: 'Type',