utkucoban commited on
Commit
ff256d4
·
verified ·
1 Parent(s): 04cf1a1

Upload 4 files

Browse files
Files changed (3) hide show
  1. app.js +1 -1
  2. index.html +3 -3
  3. styles.css +11 -2
app.js CHANGED
@@ -124,7 +124,7 @@ const midiBpmModeButtons = midiBpmModeGroup ? midiBpmModeGroup.querySelectorAll(
124
 
125
  let midiSeedActive = false;
126
  let bachSeedActive = false;
127
- let bachSymphonyActive = false;
128
  let midiBpmMode = "lock";
129
  let midiTokens = [];
130
  let midiStartBar = 0;
 
124
 
125
  let midiSeedActive = false;
126
  let bachSeedActive = false;
127
+ let bachSymphonyActive = true;
128
  let midiBpmMode = "lock";
129
  let midiTokens = [];
130
  let midiStartBar = 0;
index.html CHANGED
@@ -187,10 +187,10 @@
187
  <div class="playing-style-panel settings-column">
188
  <h5>Playing Style</h5>
189
  <div class="toggle-group" id="seedSourceGroup">
190
- <button type="button" class="toggle-btn active" data-value="default">Start from Blank</button>
191
  <button type="button" class="toggle-btn" data-value="midi">Start from MIDI</button>
192
- <button type="button" class="toggle-btn" data-value="bach">Bach Seed Test</button>
193
- <button type="button" class="toggle-btn" data-value="bach_symphony">Grand Symphony</button>
194
  </div>
195
 
196
  <!-- MIDI Seeding Controls (Expandable if active) -->
 
187
  <div class="playing-style-panel settings-column">
188
  <h5>Playing Style</h5>
189
  <div class="toggle-group" id="seedSourceGroup">
190
+ <button type="button" class="toggle-btn" data-value="default">Start from Blank</button>
191
  <button type="button" class="toggle-btn" data-value="midi">Start from MIDI</button>
192
+ <button type="button" class="toggle-btn" data-value="bach">Bach</button>
193
+ <button type="button" class="toggle-btn active" data-value="bach_symphony">Grand Symphony</button>
194
  </div>
195
 
196
  <!-- MIDI Seeding Controls (Expandable if active) -->
styles.css CHANGED
@@ -748,6 +748,16 @@ select:focus {
748
 
749
  .sidebar-column {
750
  order: 2;
 
 
 
 
 
 
 
 
 
 
751
  }
752
 
753
  .sidebar-spacer {
@@ -951,8 +961,7 @@ select:focus {
951
  }
952
 
953
  #seedSourceGroup.toggle-group {
954
- display: grid;
955
- grid-template-columns: 1fr 1fr;
956
  gap: 4px;
957
  }
958
 
 
748
 
749
  .sidebar-column {
750
  order: 2;
751
+ display: flex;
752
+ flex-direction: column;
753
+ }
754
+
755
+ .sidebar-column .settings-dropdown {
756
+ order: 2;
757
+ }
758
+
759
+ .sidebar-column .playing-style-panel {
760
+ order: 1;
761
  }
762
 
763
  .sidebar-spacer {
 
961
  }
962
 
963
  #seedSourceGroup.toggle-group {
964
+ flex-direction: column;
 
965
  gap: 4px;
966
  }
967