From dfe41eb02c7e617e7e91e1fa592b41be5b9b392b Mon Sep 17 00:00:00 2001
From: Peter Olu <pemeraldy@gmail.com>
Date: Fri, 6 May 2022 11:22:11 +0100
Subject: [PATCH] refactores css to make chart fill parent

---
 src/views/dashboard/related/trace/Detail.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/views/dashboard/related/trace/Detail.vue b/src/views/dashboard/related/trace/Detail.vue
index 9c4850a6..146f2237 100644
--- a/src/views/dashboard/related/trace/Detail.vue
+++ b/src/views/dashboard/related/trace/Detail.vue
@@ -12,7 +12,7 @@ See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
   <div class="trace-detail" v-loading="loading">
-    <div class="trace-chart">
+    <div :class="{ 'full-view': isFullVull }" class="trace-chart">
       <component
         v-if="traceStore.currentTrace.endpointNames"
         :is="traceStore.displayMode"
@@ -27,6 +27,7 @@ limitations under the License. -->
 <script lang="ts">
 import dayjs from "dayjs";
 import { ref, computed, defineComponent } from "vue";
+import { useRoute } from "vue-router";
 import { useI18n } from "vue-i18n";
 import { useTraceStore } from "@/store/modules/trace";
 import { Option } from "@/types/app";
@@ -48,6 +49,11 @@ export default defineComponent({
     const traceStore = useTraceStore();
     const loading = ref<boolean>(false);
     const traceId = ref<string>("");
+    const queries = useRoute().query;
+    // console.log("APP::", queries);
+    const isFullVull = computed(() => {
+      return queries?.fullview === "true" && queries?.portal === "true";
+    })
     // const displayMode = ref<string>("List");
     const displayMode = computed(() => {
       return traceStore.displayMode;
@@ -101,6 +107,7 @@ export default defineComponent({
       searchTraceLogs();
     }
     return {
+      isFullVull,
       showTraceList,
       traceStore,
       displayMode,