djsundog/ffplayout
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

perfect scrolling on all log windows

Browse Source
This commit is contained in:
jb-alvarado 2021-01-28 18:19:36 +01:00
parent 7d1205936f
commit 467eb7cbcf
1 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
pages/logging.vue
View File

@ -11,19 +11,34 @@
<b-tab title="Playout" active @click="getLog('ffplayout')"> <b-tab title="Playout" active @click="getLog('ffplayout')">
<b-container class="log-container"> <b-container class="log-container">
<!-- eslint-disable-next-line --> <!-- eslint-disable-next-line -->
<perfect-scrollbar :options="scrollOP" class="scroll-container log-content" v-if="currentLog" :inner-html.prop="currentLog | formatStr" /> <perfect-scrollbar
v-if="currentLog"
:options="scrollOP"
class="log-content"
:inner-html.prop="currentLog | formatStr"
/>
</b-container> </b-container>
</b-tab> </b-tab>
<b-tab title="Decoder" @click="getLog('decoder')"> <b-tab title="Decoder" @click="getLog('decoder')">
<b-container class="log-container"> <b-container class="log-container">
<!-- eslint-disable-next-line --> <!-- eslint-disable-next-line -->
<pre v-if="currentLog" :inner-html.prop="currentLog | formatStr" class="log-content" /> <perfect-scrollbar
v-if="currentLog"
:options="scrollOP"
class="log-content"
:inner-html.prop="currentLog | formatStr"
/>
</b-container> </b-container>
</b-tab> </b-tab>
<b-tab title="Encoder" @click="getLog('encoder')"> <b-tab title="Encoder" @click="getLog('encoder')">
<b-container class="log-container"> <b-container class="log-container">
<!-- eslint-disable-next-line --> <!-- eslint-disable-next-line -->
<pre v-if="currentLog" :inner-html.prop="currentLog | formatStr" class="log-content" /> <perfect-scrollbar
v-if="currentLog"
:options="scrollOP"
class="log-content"
:inner-html.prop="currentLog | formatStr"
/>
</b-container> </b-container>
</b-tab> </b-tab>
</b-tabs> </b-tabs>
@ -132,7 +147,8 @@ export default {
overflow: hidden overflow: hidden
} }
.scroll-container { .log-content {
color: #ececec;
width: 100%; width: 100%;
height: 100%; height: 100%;
font-family: monospace; font-family: monospace;
@ -140,10 +156,6 @@ export default {
white-space: pre; white-space: pre;
} }
.log-content {
color: #ececec;
}
.log-time { .log-time {
color: #a7a7a7; color: #a7a7a7;
} }