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

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

6
src/App.vue
View File

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

6
src/components/log.vue
View File

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

2
src/components/step.vue
View File

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