Skip to content

Commit

Permalink
move all access to traymenu
Browse files Browse the repository at this point in the history
  • Loading branch information
hainguyents13 committed Sep 14, 2020
1 parent 80f13a1 commit 35ed8e8
Showing 1 changed file with 6 additions and 9 deletions.
15 changes: 6 additions & 9 deletions src/editor.html
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
<body>
<div class="container">
<div class="header" style="display: flex; justify-content: space-between; align-items: center">
<div style="margin-right: 10px;"><img src="./assets/icon.png" alt="" style="width: 60px" /></div>
<div style="margin-right: 10px"><img src="./assets/icon.png" alt="" style="width: 60px" /></div>
<div style="width: 100%">
<h1 style="margin: 0; font-family: Lato, sans-serif">Editor</h1>
<div class="sub-header">Create, edit, share your sound pack! <a href="https://mechvibes.com/say-hi-to-mechvibes-editor/" target="_blank" class="open-in-browser">How to?</a></div>
Expand All @@ -22,33 +22,30 @@ <h1 style="margin: 0; font-family: Lato, sans-serif">Editor</h1>
<button id="import">Edit existing pack</button>
<input id="import-input" type="file" accept=".json" style="display: none" />
<button id="export">Export</button>
<div style="margin-top: 5px;">
<a href="" id="open-custom-pack-folder">Browse custom packs</a>
</div>
</div>
</div>

<div id="pack-header">
<div class="pack-detail" style="margin-bottom: 10px">
<div class="col" style="padding-right: 10px;">
<div class="col" style="padding-right: 10px">
<label>Pack name</label>
<input type="text" placeholder="Pack name..." class="custom-input" id="pack-name" style="width: 250px" />
</div>
<div class="col" style="padding: 0 10px;">
<div class="col" style="padding: 0 10px">
<label>Edit mode</label>
<select name="" id="edit-mode" class="custom-input">
<option value="visual">Visual (select on keyboard)</option>
<option value="manual">Manual (edit on key list)</option>
</select>
</div>
<div class="col" style="padding: 0 10px;">
<div class="col" style="padding: 0 10px">
<label>Key define mode</label>
<select name="" id="key-define-mode" class="custom-input">
<option value="single">Single file (Determine time start and length)</option>
<option value="multi">Multiple files (Use one sound file for one key)</option>
</select>
</div>
<div class="col" style="padding-left: 10px;">
<div class="col" style="padding-left: 10px">
<label>Sound file</label>
<input type="text" id="single-sound-file" class="custom-input" placeholder="Sound file name..." />
</div>
Expand All @@ -59,7 +56,7 @@ <h1 style="margin: 0; font-family: Lato, sans-serif">Editor</h1>

<div class="pack-detail edit-mode edit-mode-manual" style="display: flex; margin-bottom: 50px">
<div class="col" style="width: 25%; padding-right: 10px" id="pack-zone-main"></div>
<div class="col" style="padding: 0 10px; width: 25%;" id="pack-zone-edit"></div>
<div class="col" style="padding: 0 10px; width: 25%" id="pack-zone-edit"></div>
<div class="col" style="width: 25%; padding: 0 10px" id="pack-zone-numpad"></div>
</div>
</div>
Expand Down

0 comments on commit 35ed8e8

Please sign in to comment.