From b8d0d5b43062c256e2bdf2e54e0f1797ca42d098 Mon Sep 17 00:00:00 2001
From: Pugma <maronmarondelicious@gmail.com>
Date: Sat, 6 Jul 2024 12:33:24 +0900
Subject: [PATCH] =?UTF-8?q?=E3=82=B3=E3=83=B3=E3=83=86=E3=82=B9=E3=83=88?=
 =?UTF-8?q?=E3=83=81=E3=83=BC=E3=83=A0=E3=81=AE=E8=A4=87=E6=95=B0=E8=A1=A8?=
 =?UTF-8?q?=E7=A4=BA=E3=81=AB=E5=AF=BE=E5=BF=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/User/ContestsContainer.vue | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/User/ContestsContainer.vue b/src/components/User/ContestsContainer.vue
index d5c2656..962f1fb 100644
--- a/src/components/User/ContestsContainer.vue
+++ b/src/components/User/ContestsContainer.vue
@@ -14,10 +14,15 @@ defineProps<Props>()
     <ul v-if="contests.length > 0" :class="$style.contests">
       <li v-for="contest in contests" :key="contest.id" :class="$style.contest">
         <router-link :to="`/contests/${contest.id}`" :class="$style.link">
-          <div>{{ contest.name }}</div>
-          <div :class="$style.detail">
-            <div>チーム {{ contest.teams[0]?.name }}</div>
-            <div>{{ contest.teams[0]?.result }}</div>
+          <h4>{{ contest.name }}</h4>
+          <div
+            v-for="team in contest.teams"
+            :key="team.id"
+            :class="$style.detail"
+          >
+            チーム {{ team.name }}
+            <br />
+            {{ team.result }}
           </div>
         </router-link>
       </li>
@@ -50,12 +55,14 @@ defineProps<Props>()
 .link {
   color: $color-text;
   text-decoration: none;
+  margin: 4px 0;
 }
 .detail {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
-  padding-left: 0.75rem;
+  padding-left: 1.75rem;
   font-size: 0.875rem;
+  text-indent: -1rem;
 }
 </style>