From 09e5ebf2b2a5c0ece2da5d19b3b5ae2475b9d6ed Mon Sep 17 00:00:00 2001
From: chiayin <chiayin.kuo@dsp.im>
Date: Wed, 17 May 2023 11:01:46 +0800
Subject: [PATCH] Discover: SidebarFilter Sequence fix hight.

---
 src/components/Discover/Filter/Timeframes.vue | 7 ++++++-
 src/components/Discover/SidebarFilter.vue     | 6 +++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/Discover/Filter/Timeframes.vue b/src/components/Discover/Filter/Timeframes.vue
index f7fcd49..332089b 100644
--- a/src/components/Discover/Filter/Timeframes.vue
+++ b/src/components/Discover/Filter/Timeframes.vue
@@ -1,4 +1,9 @@
-<template></template>
+<template>
+  <div class="bg-neutral-10 border border-neutral-300 rounded-xl px-4 w-full h-full">
+    <p class="h2">Hello World</p>
+
+  </div>
+</template>
 <script>
 export default{
   methods: {
diff --git a/src/components/Discover/SidebarFilter.vue b/src/components/Discover/SidebarFilter.vue
index 5b21559..aee714c 100644
--- a/src/components/Discover/SidebarFilter.vue
+++ b/src/components/Discover/SidebarFilter.vue
@@ -66,7 +66,7 @@
         <!-- Filter titles -->
         <div class="space-y-2 w-full h-[calc(100%_-_48px)]">
           <!-- title: Activity Select  -->
-          <div class="w-full h-[calc(100%_-_48px)]" v-if="selectValue[0] === 'Sequence'">
+          <div class="w-full h-[calc(100%_-_40px)]" v-if="selectValue[0] === 'Sequence'">
             <p class="h2 ml-1">Activity Select</p>
             <!-- Filter task Data-->
             <ActOccCase v-if="selectValue[0] === 'Sequence' && selectValue[1] === 'Have activity(s)'" :tableTitle="'Activity List'" :tableData="filterAllTaskData" :tableSelect="selectFilterTask" :progressWidth ="progressWidth" @on-row-select="onRowAct"></ActOccCase>
@@ -86,6 +86,8 @@
           </div>
           <!-- title: Trace -->
           <Trace v-if="selectValue[0] === 'Trace'" ref="filterTraceView"></Trace>
+          <!-- title: Timeframes -->
+          <Timeframes v-if="selectValue[0] === 'Timeframes'"></Timeframes>
         </div>
 
         <!-- Button -->
@@ -109,6 +111,7 @@ import ActOcc from '@/components/Discover/Filter/ActOcc.vue';
 import ActAndSeq from '@/components/Discover/Filter/ActAndSeq.vue';
 import Funnel from '@/components/Discover/Filter/Funnel.vue';
 import Trace from '@/components/Discover/Filter/Trace.vue';
+import Timeframes from '@/components/Discover/Filter/Timeframes.vue';
 
 export default {
   props: ['sidebarFilter', 'filterTasks', 'filterStartToEnd', 'filterEndToStart', 'filterTimeframe', 'filterTrace'],
@@ -160,6 +163,7 @@ export default {
     ActAndSeq,
     Funnel,
     Trace,
+    Timeframes,
   },
   computed: {
     // All Task