From 55a547d5735d7a8d300d524dc511e37b5ccc79eb Mon Sep 17 00:00:00 2001
From: sumedh <s.shamrao.shinde@accenture.com>
Date: Tue, 6 Aug 2024 20:37:59 +0530
Subject: [PATCH] View modified

---
 src/views/pages/KsSimilaritySearch.vue | 50 +++++++++++++-------------
 1 file changed, 25 insertions(+), 25 deletions(-)

diff --git a/src/views/pages/KsSimilaritySearch.vue b/src/views/pages/KsSimilaritySearch.vue
index 9f35814..9486cf0 100644
--- a/src/views/pages/KsSimilaritySearch.vue
+++ b/src/views/pages/KsSimilaritySearch.vue
@@ -1,32 +1,32 @@
 <template>
   <Fluid>
+    <h2 class="text-4xl font-semibold text-center mb-4">Similarity Search</h2>
     <div class="similarity-search">
-      <div class="card-container flex flex-col gap-6">
-        <h2 class="text-4xl font-semibold text-center mb-4">Similarity Search</h2>
-        <div class="flex flex-col gap-4">
-          <Textarea id="query" v-model="query" rows="6" placeholder="Enter your query..." class="input-textarea" />
-          <div class="select-container">
-            <SelectButton 
-              id="type" 
-              v-model="dropdownItem" 
-              :options="dropdownItems" 
-              optionLabel="name"
-              class="select-button"
-            />
-          </div>
+        <div v-if="messages.length > 0" class="results-container mt-6">
+            <Card v-for="(result, index) in messages" :key="index" class="result-card">
+              <template #content>
+                <ScrollPanel style="width: 100%; max-height: 400px">
+                  <CodeSnippet :code="dynamicCode" language="systemd" />
+                </ScrollPanel>
+              </template>
+            </Card>
+        </div>
+      
+        <div class="card-container flex flex-col gap-6">
+          <div class="flex flex-col gap-4">
+            <Textarea id="query" v-model="query" rows="6" placeholder="Enter your query..." class="input-textarea" />
+            <div class="select-container">
+              <SelectButton 
+                id="type" 
+                v-model="dropdownItem" 
+                :options="dropdownItems" 
+                optionLabel="name"
+                class="select-button"
+              />
+            </div>
+          </div>
+          <Button label="Send" icon="pi pi-send" @click="sendQuery" class="send-button" />
         </div>
-        <Button label="Send" icon="pi pi-send" @click="sendQuery" class="send-button" />
-      </div>
-
-      <div class="results-container mt-6">
-        <Card v-for="(result, index) in messages" :key="index" class="result-card">
-          <template #content>
-            <ScrollPanel style="width: 100%; max-height: 400px">
-              <CodeSnippet :code="dynamicCode" language="systemd" />
-            </ScrollPanel>
-          </template>
-        </Card>
-      </div>
     </div>
   </Fluid>
 </template>