Merge pull request #113 from traPtitech/feature/allow-view-others-answers-

Feature/allow view others answers

Author: mumumu6

src/components/information/AnswersDialog.vue

@@ -92,7 +92,9 @@ const closeBtnProps = {
     :max-width="xs ? undefined : 800"
   >
     <template #activator="{ props: activatorProps }">
-      <div :class="$style.button" v-bind="activatorProps">参加者の回答を見る</div>
+      <div style="display: flex; justify-content: flex-end">
+        <div :class="$style.button" v-bind="activatorProps">参加者の回答を見る</div>
+      </div>
     </template>
 
     <template #default="{ isActive }">
@@ -139,9 +141,9 @@ const closeBtnProps = {
 
 .button {
   margin-top: 10px;
-  width: 100%;
-  text-align: end;
   font-size: 12px;
+  padding: 4px 0px;
+  display: inline-block;
   font-weight: 400;
   color: #0066ff;
   cursor: pointer;

src/components/information/QuestionGroupViewer.vue

@@ -2,6 +2,7 @@
 import type { components } from '@/api/schema'
 import QuestionShowField from '@/components/information/QuestionShowField.vue'
 import { computed } from 'vue'
+import AnswerDialog from '@/components/information/AnswersDialog.vue'
 
 type QuestionGroup = components['schemas']['QuestionGroupResponse']
 type Question = components['schemas']['QuestionResponse']
@@ -61,6 +62,7 @@ const questionUnits = computed(() => props.getQuestionUnits(props.questionGroup.
           />
         </div>
       </div>
+      <answer-dialog :question-group="props.questionGroup" />
     </v-card-text>
   </v-card>
 </template>