Merge branch '58-support-for-external-midi-clock' of https://github.com/Bubobubobubobubo/Topos into 58-support-for-external-midi-clock

This commit is contained in:
2023-10-03 22:33:25 +03:00

View File

@ -237,19 +237,25 @@
</div> </div>
</div> </div>
<!-- Midi settings --> <!-- Midi settings -->
<div class="flex flex-row"> <div id="midi-settings-container" class="rounded-lg bg-gray-300 pt-4">
<div class="flex items-center mb-4 ml-8"> <div class="flex flex-row">
<label for="default-checkbox" class="ml-2 text-sm font-medium text-dark">Midi clock:&nbsp;</label> <div class="flex items-center mb-4 ml-6">
<select id="midi-clock-input" class="w-32 h-8 text-sm font-medium text-black bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"> <label for="default-checkbox" class="ml-2 text-sm font-medium text-dark">MIDI Clock:&nbsp;</label>
<option value="-1">Internal</option> <select id="midi-clock-input" class="w-32 h-8 text-sm font-medium text-black bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2">
</select> <option value="-1">Internal</option>
</div> </select>
<div class="flex items-center mb-4 ml-8"> </div>
<label for="default-checkbox" class="ml-2 text-sm font-medium text-dark">Clock ppqn:&nbsp;</label> <div class="flex items-center mb-4 ml-6">
<select id="midi-clock-ppqn-input" class="w-32 h-8 text-sm font-medium text-black bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"> <label for="default-checkbox" class="ml-2 text-sm font-medium text-dark">Clock PPQN:&nbsp;</label>
<option value="24">24</option> <select id="midi-clock-ppqn-input" class="w-32 h-8 text-sm font-medium text-black bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2">
<option value="48">48</option> <option value="24">24</option>
</select> <option value="48">48</option>
</select>
</div>
<div class="flex items-center mb-4 ml-20">
<input id="send-midi-clock" type="checkbox" value="" class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
<label for="default-checkbox" class="ml-2 text-sm font-medium text-dark">Send MIDI Clock</label>
</div>
</div> </div>
</div> </div>
<!-- Information card --> <!-- Information card -->