Advanced section instructions

This commit is contained in:
niknah
2025-10-14 17:42:38 +11:00
parent bdb06a9b95
commit 389b6aff6f
2 changed files with 12 additions and 10 deletions
+9 -9
View File
@@ -31,15 +31,15 @@ After installing the custom node. On the first run, it'll install the nuxt web
## How to use the nodes
[Presentation File](https://youtu.be/XBlm1r7-xRY) - Used to pick models, loras, etc.
Presentation Advanced - Split the rest of the page into an advanced section.
Presentation Audio / Video / Image - Load media from input.
Presentation Drop down - A fixed selection. Can be used in place of the Presentation File node when you only want people to select from a pre-defined range.
Presentation History - Queue History. You can remove the normal history from MainPage.vue
Presentation Progress - Progress bar. You can remove the normal progress bar from MainPage.vue
Presentation Add Queue - The queue button.
Presentation Component - Add your own custom component
|--|--|
| [Presentation File](https://youtu.be/XBlm1r7-xRY) | Used to pick models, loras, etc. |
| [Presentation Advanced](https://youtu.be/6CXKYp5A5YE) | Split the rest of the page into an advanced section. |
| [Presentation Audio / Video / Image](https://youtu.be/7hmaufjpKR0) | Load media |
| Presentation Drop down | A fixed selection. Can be used in place of the Presentation File node when you only want people to select from a pre-defined range. |
| Presentation History | Queue History. You can remove the normal history from MainPage.vue |
| Presentation Progress | Progress bar. You can remove the normal progress bar from MainPage.vue |
| Presentation Add Queue | The queue button |
| Presentation Component | Add your own custom component |
## To style
@@ -34,6 +34,9 @@ function click() {
}
function show(link, show) {
if (props.v_section_end) {
return;
}
shown.value = show;
let p = link.parentNode;
let container = null;
@@ -50,7 +53,6 @@ function show(link, show) {
if (row.querySelector('.pres-advanced-section')) {
break;
}
if (show) {
row.classList.remove("pres-advanced-section-hidden");
} else {