fix: app logs view

This commit is contained in:
Andras Bacsai 2022-11-03 09:43:41 +01:00
parent 3c68d317d7
commit 94ecbc5921

View File

@ -133,42 +133,42 @@
<div class="text-xl font-bold tracking-tighter">Container not found / exited.</div> <div class="text-xl font-bold tracking-tighter">Container not found / exited.</div>
{/if} {/if}
{:else} {:else}
<div class="relative w-full" /> <div class="relative w-full">
<div class="flex justify-start sticky space-x-2 pb-2"> <div class="flex justify-start sticky space-x-2 pb-2">
{#if loadLogsInterval} <button on:click={followBuild} class="btn btn-sm " class:bg-coollabs={followingLogs}>
<button id="streaming" class="btn btn-sm bg-transparent border-none loading" <svg
>Streaming logs</button xmlns="http://www.w3.org/2000/svg"
> class="w-6 h-6 mr-2"
{/if} viewBox="0 0 24 24"
<div class="flex-1" /> stroke-width="1.5"
<button on:click={followBuild} class="btn btn-sm " class:bg-coollabs={followingLogs}> stroke="currentColor"
<svg fill="none"
xmlns="http://www.w3.org/2000/svg" stroke-linecap="round"
class="w-6 h-6 mr-2" stroke-linejoin="round"
viewBox="0 0 24 24" >
stroke-width="1.5" <path stroke="none" d="M0 0h24v24H0z" fill="none" />
stroke="currentColor" <circle cx="12" cy="12" r="9" />
fill="none" <line x1="8" y1="12" x2="12" y2="16" />
stroke-linecap="round" <line x1="12" y1="8" x2="12" y2="16" />
stroke-linejoin="round" <line x1="16" y1="12" x2="12" y2="16" />
> </svg>
<path stroke="none" d="M0 0h24v24H0z" fill="none" /> {followingLogs ? 'Following Logs...' : 'Follow Logs'}
<circle cx="12" cy="12" r="9" /> </button>
<line x1="8" y1="12" x2="12" y2="16" /> {#if loadLogsInterval}
<line x1="12" y1="8" x2="12" y2="16" /> <button id="streaming" class="btn btn-sm bg-transparent border-none loading"
<line x1="16" y1="12" x2="12" y2="16" /> >Streaming logs</button
</svg> >
{followingLogs ? 'Following Logs...' : 'Follow Logs'} {/if}
</button> </div>
</div> <div
<div bind:this={logsEl}
bind:this={logsEl} on:scroll={detect}
on:scroll={detect} class="font-mono w-full bg-coolgray-100 border border-coolgray-200 p-5 overflow-x-auto overflox-y-auto max-h-[80vh] rounded mb-20 flex flex-col scrollbar-thumb-coollabs scrollbar-track-coolgray-200 scrollbar-w-1"
class="font-mono w-full bg-coolgray-100 border border-coolgray-200 p-5 overflow-x-auto overflox-y-auto max-h-[80vh] rounded mb-20 flex flex-col scrollbar-thumb-coollabs scrollbar-track-coolgray-200 scrollbar-w-1" >
> {#each logs as log}
{#each logs as log} <p>{log + '\n'}</p>
<p>{log + '\n'}</p> {/each}
{/each} </div>
</div> </div>
{/if} {/if}
</div> </div>