Impaczus/motif
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add share link copy button and standardize volume.

Browse Source 
Adds a Copy link action on the main page using /api/share shortlinks and sets default volumes to 70%.
This commit is contained in:
b1rdmania
2025-12-26 17:31:34 +00:00
parent 778f2a1aaa
commit 8160c87258
2 changed files with 106 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+17 -4
View File
@@ -522,7 +522,14 @@
}
.preview-controls button.next-result {
margin-left: 0;
}
.preview-controls .preview-actions {
margin-left: auto;
display: inline-flex;
gap: calc(var(--spacing-unit) * 1.25);
align-items: center;
}
.preview-controls .volume-control {
@@ -537,8 +544,11 @@
align-items: stretch;
}
.preview-controls button.next-result {
.preview-controls .preview-actions {
margin-left: 0;
width: 100%;
display: flex;
flex-direction: column;
}
}
@@ -864,9 +874,12 @@
<button id="soundfontStopBtn" disabled>Stop</button>
<div class="volume-control">
<label for="soundfontVolume">Volume</label>
<input type="range" id="soundfontVolume" min="0" max="1" step="0.01" value="0.8" />
<input type="range" id="soundfontVolume" min="0" max="1" step="0.01" value="0.7" />
</div>
<div class="preview-actions">
<button id="copyLinkBtn" type="button" disabled>Copy link</button>
<button id="nextResultBtn" class="next-result" disabled>Try Next Result</button>
</div>
<button id="nextResultBtn" class="next-result" disabled>Try Next Result</button>
</div>
</div>
@@ -889,7 +902,7 @@
<button id="motifStopBtn" disabled>Stop</button>
<div class="volume-control">
<label for="motifVolume">Volume</label>
<input type="range" id="motifVolume" min="0" max="1" step="0.01" value="0.3" />
<input type="range" id="motifVolume" min="0" max="1" step="0.01" value="0.7" />
</div>
</div>