radames commited on
Commit
53948e4
1 Parent(s): 4995fc3

minor grid update

Browse files
Files changed (1) hide show
  1. frontend/src/routes/+page.svelte +4 -4
frontend/src/routes/+page.svelte CHANGED
@@ -113,19 +113,19 @@
113
  {/if}
114
  </article>
115
  {#if pipelineParams}
116
- <article class="my-3 grid grid-cols-1 gap-3 sm:grid-cols-2">
117
  {#if isImageMode}
118
- <div class="sm:col-start-1">
119
  <VideoInput
120
  width={Number(pipelineParams.width.default)}
121
  height={Number(pipelineParams.height.default)}
122
  ></VideoInput>
123
  </div>
124
  {/if}
125
- <div class={isImageMode ? 'sm:col-start-2' : 'col-span-2'}>
126
  <ImagePlayer />
127
  </div>
128
- <div class="sm:col-span-2">
129
  <Button on:click={toggleLcmLive} {disabled} classList={'text-lg my-1 p-2'}>
130
  {#if isLCMRunning}
131
  Stop
 
113
  {/if}
114
  </article>
115
  {#if pipelineParams}
116
+ <article class="my-3 grid grid-cols-1 gap-3 sm:grid-cols-4">
117
  {#if isImageMode}
118
+ <div class="col-span-2 sm:col-start-1">
119
  <VideoInput
120
  width={Number(pipelineParams.width.default)}
121
  height={Number(pipelineParams.height.default)}
122
  ></VideoInput>
123
  </div>
124
  {/if}
125
+ <div class={isImageMode ? 'col-span-2 sm:col-start-3' : 'col-span-4'}>
126
  <ImagePlayer />
127
  </div>
128
+ <div class="sm:col-span-4 sm:row-start-2">
129
  <Button on:click={toggleLcmLive} {disabled} classList={'text-lg my-1 p-2'}>
130
  {#if isLCMRunning}
131
  Stop