Added q-card for the 'ask a question' page

tmeftah · Aug 4, 2024 · b3d6790 · b3d6790
1 parent b9a7bd0
commit b3d6790
Showing 1 changed file with 25 additions and 21 deletions.
diff --git a/frontend/src/pages/2Page.vue b/frontend/src/pages/2Page.vue
@@ -2,36 +2,40 @@
   <div class="q-pa-md example-row-equal-width">
     <div class="row">
       <div class="col">
-        <q-input
-          outlined
-          bottom-slots
-          v-model="question"
-          label="ask a question..."
-          type="textarea"
-          autogrow
-        >
-          <template v-slot:after>
-            <q-btn dense flat icon="send" @click="MainStore.sendQA(question)" />
-          </template>
-        </q-input>
+        <q-card>
+          <q-card-section>
+              <q-input
+                outlined
+                bottom-slots
+                v-model="question"
+                label="ask a question..."
+                type="textarea"
+                autogrow
+              >
+                <template v-slot:after>
+                  <q-btn dense flat icon="send" @click="MainStore.sendQA(question)" />
+                </template>
+              </q-input>
 
-        <q-input
-          v-if="solution.length"
-          v-model="solution"
-          outlined
-          autogrow
-          type="textarea"
-          :loading="loading"
-        />
+              <q-input
+                v-if="solution.length"
+                v-model="solution"
+                outlined
+                autogrow
+                type="textarea"
+                :loading="loading"
+              />
+          </q-card-section>
+        </q-card>
       </div>
-      <div class="col"></div>
     </div>
   </div>
 </template>
 
 <script setup>
 import { storeToRefs } from "pinia";
 import { useMainStore } from "../stores/main-store";
+
 defineOptions({
   name: "2Page",
 });