restyle to match LSS for mac

This commit is contained in:
sparks-alec
2024-10-28 04:16:35 -04:00
parent e79dbf5c65
commit 9c0f641d12
3 changed files with 91 additions and 102 deletions
+17 -46
View File
@@ -3,8 +3,8 @@
</header>
<% if (data.inputCount) { %>
<div class="inputs-container show-small">
<h3 class="lss-gray">Preview/Program</h3>
<div class="inputs-container float-left">
<h5>INPUTS</h5>
<div class="source-wrapper">
<% data.inputs.forEach((input)=>{ %>
<div id="input-<%= input.number %>" class="lss-input">
@@ -13,27 +13,6 @@
<% }) %>
</div>
</div>
<div class="float-left" style="margin-right: 30px;">
<div class="program-container hide-small">
<h3 class="lss-gray">Program</h3>
<div class="source-wrapper">
<% data.inputs.forEach((input)=>{ %>
<div id="program-input-<%= input.number %>" class="lss-input">
<div class="source-label"><%= input.name %></div>
</div>
<% }) %>
</div>
</div>
<div class="preview hide-small">
<h3 class="lss-gray">Preview</h3>
<div class="source-wrapper">
<% data.inputs.forEach((input)=>{ %>
<div id="preview-input-<%= input.number %>" class="lss-input">
<div class="source-label"><%= input.name %></div>
</div>
<% }) %>
</div>
</div>
</div>
<div class="transition-container float-left">
<div class="transition-settings">
@@ -65,31 +44,23 @@
</div> -->
<div class="transition-style">
<h3>Transition Style</h3>
<div class="source-wrapper" style="width: 260px;">
<div id="cut" class="lss-input">
<div class="source-label">CUT</div>
</div>
<div id="auto" class="lss-input">
<div class="source-label">AUTO</div>
</div>
</div>
</div>
</div>
<div class="tbar-container">
<div class="tbar-bg"></div>
<div id="tbar-handle-div" class="tbar-handle"></div>
<div id="tbar-div" class="tbar-div" ></div>
</div>
<div class="fade-to-black-container">
<div class="fade-to-black">
<h3 class="lss-gray">Fade to Black</h3>
<div class="source-wrapper">
<div id="ftb" class="lss-input">
<div class="source-label">FTB</div>
</div>
<h5>TRANSITION</h5>
<div id="cut" class="lss-button">
<div class="source-label">CUT</div>
</div>
<div id="auto" class="lss-button">
<div class="source-label">AUTO</div>
</div>
<div class="tbar-container">
<div class="tbar-bg"></div>
<div id="tbar-handle-div" class="tbar-handle"></div>
<div id="tbar-div" class="tbar-div" ></div>
</div>
<div id="ftb" class="lss-button">
<div class="source-label">FTB</div>
</div>
</div>
</div>
</div>
<% } %>