<template> <v-tabs class="h-100" color="x-active"> <v-tab> <span class="caption text-capitalize"> <!--Audit Logs--> {{ $t('title.auditLogs') }} </span> </v-tab> <v-tab-item class="h-100"> <audit :nodes="nodes" /> </v-tab-item> <!-- <v-tab> <span class="caption text-capitalize"> <!–SQL Migrations–> {{ $t('title.sqlMigrations') }} </span> </v-tab> <v-tab-item> <sql-log-and-output> <db :nodes="nodes" /> </sql-log-and-output> </v-tab-item>--> </v-tabs> </template> <script> import Db from '~/components/project/auditTab/Db'; import SqlLogAndOutput from '~/components/project/SqlLogAndOutput'; import Audit from '~/components/project/auditTab/Audit'; import AuditCE from '~/components/project/auditTab/AuditCE'; export default { name: 'AuditTab', components: { Db, Audit: process.env.EE ? Audit : AuditCE, SqlLogAndOutput }, props: ['nodes'], }; </script> <style scoped lang="scss"> ::v-deep { .v-window { height: calc(100% - 32px); .v-window__container { height: 100%; } } } </style>