From 24382c8bd5463beba1bca143c2e294ce412ea404 Mon Sep 17 00:00:00 2001
From: rca <nem@nem.x0.to>
Date: Sun, 21 Jul 2024 15:07:03 +0900
Subject: [PATCH] =?UTF-8?q?UI=E3=82=92=E5=B7=A6=E5=8F=B3=E5=9D=87=E7=AD=89?=
 =?UTF-8?q?=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/WalletComponent.vue |  2 +-
 src/pages/IndexPage.vue            | 12 +++++++-----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/WalletComponent.vue b/src/components/WalletComponent.vue
index 2c17c0b..0a8a9cc 100644
--- a/src/components/WalletComponent.vue
+++ b/src/components/WalletComponent.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-page class="q-pa-md">
+  <q-page>
     <TotalComponent :amount="paymentAmount" />
     <HistoryComponent :tasks="pastTasks" />
   </q-page>
diff --git a/src/pages/IndexPage.vue b/src/pages/IndexPage.vue
index f2c7c55..547f89b 100644
--- a/src/pages/IndexPage.vue
+++ b/src/pages/IndexPage.vue
@@ -14,11 +14,14 @@
             <WalletComponent />
           </QTabPanel>
         </QTabPanels>
-        <div v-else class="row flex-center">
-          <div class="col-4">
-            <TaskList />
+        <div v-else class="row justify-center">
+          <div class="col-6">
+            <QCard class="q-ma-md q-pa-md">
+              <div class="text-h6 q-py-md">タスク一覧</div>
+              <TaskList />
+            </QCard>
           </div>
-          <div class="col-4">
+          <div class="col-6">
             <WalletComponent />
           </div>
         </div>
@@ -42,4 +45,3 @@ const isMobile = computed(() => {
 <style scoped>
 /* 必要に応じてカスタムスタイルを追加 */
 </style>
-