a/agola-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

log: make logs don't wrap and add overflow auto

Browse Source
This commit is contained in:
Simone Gotti 2019-06-06 16:13:51 +02:00
parent 6996917ff2
commit 0680d9a9f9
3 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/App.vue
View File

@ -117,12 +117,10 @@
</div> </div>
</div> </div>
<div v-else class="container mt-6 flex"> <div v-else class="container mt-6">
<div class="flex-grow">
<router-view v-if="routerActive"></router-view> <router-view v-if="routerActive"></router-view>
</div> </div>
</div> </div>
</div>
</template> </template>

6
src/components/log.vue
View File

@ -1,8 +1,8 @@
<template> <template>
<div class="dark"> <div class="dark">
<div class="p-3 rounded bg-gray-900 text-white"> <div class="p-3 rounded bg-gray-900 text-white overflow-x-auto">
<div class="font-mono leading-normal text-xs" v-for="(item, index) in items" :key="index"> <div v-for="(item, index) in items" :key="index">
<div v-html="item"/> <div class="font-mono leading-normal text-xs whitespace-no-wrap" v-html="item"/>
</div> </div>
<div v-if="lastitem" class="font-mono leading-snug text-xs"> <div v-if="lastitem" class="font-mono leading-snug text-xs">
<div v-html="lastitem"/> <div v-html="lastitem"/>

2
src/components/step.vue
View File

@ -16,7 +16,7 @@
</div> </div>
<span class>{{ duration }}</span> <span class>{{ duration }}</span>
</div> </div>
<div class="p-1 log-container" v-show="active"> <div class="p-1" v-show="active">
<Log <Log
v-bind:runid="runid" v-bind:runid="runid"
v-bind:taskid="taskid" v-bind:taskid="taskid"