Spaces:
Running
Running
Place graph button in style memory panel
Browse files- frontend/index.html +13 -11
- frontend/styles.css +9 -0
frontend/index.html
CHANGED
|
@@ -803,17 +803,6 @@
|
|
| 803 |
>
|
| 804 |
Import MIDI Folder
|
| 805 |
</button>
|
| 806 |
-
<button
|
| 807 |
-
id="show-graph-button"
|
| 808 |
-
class="ghost"
|
| 809 |
-
type="button"
|
| 810 |
-
aria-haspopup="dialog"
|
| 811 |
-
aria-expanded="false"
|
| 812 |
-
aria-controls="graph-panel"
|
| 813 |
-
disabled
|
| 814 |
-
>
|
| 815 |
-
Show Memory Graph
|
| 816 |
-
</button>
|
| 817 |
</div>
|
| 818 |
<p class="field-hint">
|
| 819 |
Imported phrases are learned into the active session memory
|
|
@@ -851,6 +840,19 @@
|
|
| 851 |
<div id="memory-summary" class="settings-summary">
|
| 852 |
<span class="settings-chip">No active memory yet</span>
|
| 853 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 854 |
<p id="memory-hint" class="small-copy memory-hint">
|
| 855 |
Create a session and play a phrase to inspect the active Continuator memory.
|
| 856 |
</p>
|
|
|
|
| 803 |
>
|
| 804 |
Import MIDI Folder
|
| 805 |
</button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 806 |
</div>
|
| 807 |
<p class="field-hint">
|
| 808 |
Imported phrases are learned into the active session memory
|
|
|
|
| 840 |
<div id="memory-summary" class="settings-summary">
|
| 841 |
<span class="settings-chip">No active memory yet</span>
|
| 842 |
</div>
|
| 843 |
+
<div class="memory-graph-action">
|
| 844 |
+
<button
|
| 845 |
+
id="show-graph-button"
|
| 846 |
+
class="ghost"
|
| 847 |
+
type="button"
|
| 848 |
+
aria-haspopup="dialog"
|
| 849 |
+
aria-expanded="false"
|
| 850 |
+
aria-controls="graph-panel"
|
| 851 |
+
disabled
|
| 852 |
+
>
|
| 853 |
+
Show Memory Graph
|
| 854 |
+
</button>
|
| 855 |
+
</div>
|
| 856 |
<p id="memory-hint" class="small-copy memory-hint">
|
| 857 |
Create a session and play a phrase to inspect the active Continuator memory.
|
| 858 |
</p>
|
frontend/styles.css
CHANGED
|
@@ -1672,6 +1672,15 @@ input[type="password"]:disabled {
|
|
| 1672 |
line-height: 1.5;
|
| 1673 |
}
|
| 1674 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1675 |
.memory-ribbon {
|
| 1676 |
display: grid;
|
| 1677 |
grid-template-columns: repeat(auto-fill, minmax(16px, 1fr));
|
|
|
|
| 1672 |
line-height: 1.5;
|
| 1673 |
}
|
| 1674 |
|
| 1675 |
+
.memory-graph-action {
|
| 1676 |
+
display: flex;
|
| 1677 |
+
margin: 12px 0 14px;
|
| 1678 |
+
}
|
| 1679 |
+
|
| 1680 |
+
.memory-graph-action button {
|
| 1681 |
+
padding-inline: 18px;
|
| 1682 |
+
}
|
| 1683 |
+
|
| 1684 |
.memory-ribbon {
|
| 1685 |
display: grid;
|
| 1686 |
grid-template-columns: repeat(auto-fill, minmax(16px, 1fr));
|