sundog
/
ffmpeg-explorer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

make ffmpeg command holder fill space

This commit is contained in:
Sam Lavigne 2023-08-20 16:11:45 -04:00
parent 2d99986c3f
commit ba6514bd1e
1 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/App.svelte
View File

@ -166,13 +166,13 @@
</section> </section>
<!-- {message} --> <!-- {message} -->
<section class="command"> <section class="command">
<h3>Output Command</h3> <h3>Output Command</h3>
<div class="inner-command"> <div class="inner-command">
<textarea readonly class="actual-command" bind:this={commandRef}>{command}</textarea> <textarea readonly class="actual-command" bind:this={commandRef}>{command}</textarea>
<div> <div>
<button on:click={copyCommand}>Copy Command</button> <button on:click={copyCommand}>Copy Command</button>
</div>
</div> </div>
</div>
</section> </section>
<section class="inputs"> <section class="inputs">
@ -195,7 +195,7 @@
<div class="rendering-video"><span>Rendering...</span></div> <div class="rendering-video"><span>Rendering...</span></div>
{/if} {/if}
<video controls src={videoValue} /> <video controls src={videoValue} />
<div style="text-align: right;margin-top:5px;"> <div style="text-align: right;margin-top:5px;">
<button on:click={render} disabled={!ffmpegLoaded || rendering}> <button on:click={render} disabled={!ffmpegLoaded || rendering}>
{#if ffmpegLoaded} {#if ffmpegLoaded}
{#if rendering} {#if rendering}
@ -207,7 +207,7 @@
Loading ffmpeg Loading ffmpeg
{/if} {/if}
</button> </button>
</div> </div>
</section> </section>
<section class="output"> <section class="output">
@ -265,6 +265,8 @@
.command { .command {
grid-area: cmd; grid-area: cmd;
display: flex;
flex-direction: column;
} }
.inputs { .inputs {
@ -338,6 +340,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
margin: 10px 0px; margin: 10px 0px;
flex: 1;
} }
.actual-command { .actual-command {
@ -347,6 +350,7 @@
flex: 1; flex: 1;
font: inherit; font: inherit;
padding: 5px; padding: 5px;
height: 100%;
} }
.section-header { .section-header {
display: flex; display: flex;