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-container class="log-container">
<!-- 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-tab>
<b-tab title="Decoder" @click="getLog('decoder')">
<b-container class="log-container">
<!-- 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-tab>
<b-tab title="Encoder" @click="getLog('encoder')">
<b-container class="log-container">
<!-- 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-tab>
</b-tabs>
@ -132,7 +147,8 @@ export default {
overflow: hidden
}
.scroll-container {
.log-content {
color: #ececec;
width: 100%;
height: 100%;
font-family: monospace;
@ -140,10 +156,6 @@ export default {
white-space: pre;
}
.log-content {
color: #ececec;
}
.log-time {
color: #a7a7a7;
}