From 99c57969e89a61f18f4601893df8070389ed9104 Mon Sep 17 00:00:00 2001
From: anko9801 <daiusa3@icloud.com>
Date: Sat, 18 May 2024 15:44:00 +0900
Subject: [PATCH 1/7] =?UTF-8?q?:art:=20Figma=20=E3=81=AB=E5=90=88=E3=82=8F?=
 =?UTF-8?q?=E3=81=9B=E3=82=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../newTransaction/NewTransactionTarget.vue   | 22 ++++++-----
 src/components/shared/InputRadioButton.vue    |  6 +--
 .../shared/InputSelectTagWithCreation.vue     |  1 +
 src/pages/NewTransactionPage.vue              | 38 +++++++++----------
 4 files changed, 36 insertions(+), 31 deletions(-)

diff --git a/src/components/newTransaction/NewTransactionTarget.vue b/src/components/newTransaction/NewTransactionTarget.vue
index f35d065d..bc70483e 100644
--- a/src/components/newTransaction/NewTransactionTarget.vue
+++ b/src/components/newTransaction/NewTransactionTarget.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { PlusCircleIcon, MinusCircleIcon } from '@heroicons/vue/24/solid'
 import { useToast } from 'vue-toastification'
 
 import InputText from '/@/components/shared/InputText.vue'
+import { PlusIcon, TrashIcon } from '@heroicons/vue/24/outline'
 
 interface Props {
   targets: string[]
@@ -36,25 +36,29 @@ function handleRemoveTarget(index: number) {
 </script>
 
 <template>
-  <div class="flex flex-col">
-    <label>取引相手</label>
-    <ul>
+  <div class="flex flex-col gap-3">
+    <label class="text-xl">取引相手</label>
+    <ul class="flex flex-col gap-2">
       <li
         v-for="(target, i) in targets"
         :key="target"
-        class="mb-2 flex w-2/3 items-center gap-4">
+        class="flex items-center gap-3">
         <InputText
+          class="flex-grow"
           :model-value="target"
           placeholder="取引相手"
           @update:model-value="handleEditTarget(i, $event)" />
         <button class="flex" @click="handleRemoveTarget(i)">
-          <MinusCircleIcon class="w-6" />
+          <TrashIcon class="w-6 text-red-400" />
         </button>
       </li>
     </ul>
-    <div class="w-2/3 text-center">
-      <button @click="handleAddTarget">
-        <PlusCircleIcon class="w-8" />
+    <div class="ml-3">
+      <button
+        class="flex items-center p-2 border rounded"
+        @click="handleAddTarget">
+        <PlusIcon class="w-5 mr-2" />
+        取引相手を追加
       </button>
     </div>
   </div>
diff --git a/src/components/shared/InputRadioButton.vue b/src/components/shared/InputRadioButton.vue
index 0dd683d4..712d8435 100644
--- a/src/components/shared/InputRadioButton.vue
+++ b/src/components/shared/InputRadioButton.vue
@@ -21,9 +21,9 @@ const value = computed({
 </script>
 
 <template>
-  <div class="space-x-4">
-    <label v-for="option in options" :key="option.key">
-      <input v-model="value" type="radio" :value="option.value" />
+  <div class="flex flex-col gap-1">
+    <label v-for="option in options" :key="option.key" class="text-base">
+      <input v-model="value" class="mr-1" type="radio" :value="option.value" />
       {{ option.key }}
     </label>
   </div>
diff --git a/src/components/shared/InputSelectTagWithCreation.vue b/src/components/shared/InputSelectTagWithCreation.vue
index d3a35e53..43b1b70c 100644
--- a/src/components/shared/InputSelectTagWithCreation.vue
+++ b/src/components/shared/InputSelectTagWithCreation.vue
@@ -25,6 +25,7 @@ const value = computed({
 <template>
   <InputSelectMultiple
     v-model="value"
+    class="w-full"
     :create-option="
       (tag: string) => ({ name: tag, id: '', created_at: '', updated_at: '' })
     "
diff --git a/src/pages/NewTransactionPage.vue b/src/pages/NewTransactionPage.vue
index f68e4661..c3464142 100644
--- a/src/pages/NewTransactionPage.vue
+++ b/src/pages/NewTransactionPage.vue
@@ -41,23 +41,23 @@ if (!isTagFetched.value) {
 
 <template>
   <div v-if="!isAdmin">権限がありません。</div>
-  <div class="min-w-160 mx-auto flex w-2/3 flex-col px-12 pt-8">
-    <div class="pb-8">
-      <h1 class="text-center text-3xl">入出金記録の新規作成</h1>
+  <div class="min-w-160 mx-auto mb-5 flex w-2/3 flex-col px-12 pt-8">
+    <div class="pb-6">
+      <h1 class="text-2xl">入出金記録の新規作成</h1>
     </div>
-    <form class="flex flex-col gap-2">
-      <div class="flex flex-col">
-        <label>金額</label>
+    <form class="flex flex-col gap-6">
+      <div class="flex flex-col gap-3">
+        <label class="text-xl">金額</label>
         <div>
           <InputNumber
             v-model="transaction.amount"
             auto-focus
-            class="mr-1"
+            class="mr-2"
             :min="1" />円
         </div>
       </div>
-      <div class="flex flex-col">
-        <label>入出金</label>
+      <div class="flex flex-col gap-3">
+        <label class="text-xl">入出金の方向</label>
         <InputRadioButton
           v-model="moneyDirection"
           :options="directionOptions" />
@@ -65,26 +65,26 @@ if (!isTagFetched.value) {
       <NewTransactionTarget
         :targets="transaction.targets"
         @input="transaction.targets = $event" />
-      <div class="flex flex-col">
-        <label>グループ</label>
+      <div class="flex flex-col gap-3">
+        <label class="text-xl">グループ</label>
         <InputSelectSingle
           v-model="transaction.group"
-          class="!w-2/3"
+          class="w-full"
           :options="groupOptions"
           placeholder="グループを選択" />
       </div>
-      <div class="flex flex-col">
-        <label>タグ</label>
-        <InputSelectTagWithCreation v-model="transaction.tags" class="!w-2/3" />
+      <div class="flex flex-col gap-3">
+        <label class="text-xl">タグ</label>
+        <InputSelectTagWithCreation v-model="transaction.tags" class="" />
       </div>
       <div class="text-right">
         <SimpleButton
-          class="mb-4 w-64"
+          class="!px-5"
           :disabled="isSending"
-          font-size="xl"
-          padding="sm"
+          font-size="md"
+          padding="md"
           @click.stop="postTransaction">
-          入出金記録を作成する
+          入出金記録を作成
         </SimpleButton>
       </div>
     </form>

From 4e478027fd8dbdd9316c95d9aed92bb296d552b1 Mon Sep 17 00:00:00 2001
From: anko9801 <daiusa3@icloud.com>
Date: Sat, 18 May 2024 23:32:23 +0900
Subject: [PATCH 2/7] =?UTF-8?q?:art:=20Label=20=E3=81=A8=20input=20?=
 =?UTF-8?q?=E3=82=92=E7=B4=90=E3=81=A5=E3=81=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../newTransaction/NewTransactionTarget.vue      | 16 ++++++----------
 src/components/shared/InputNumber.vue            |  2 ++
 src/components/shared/InputRadioButton.vue       |  2 +-
 src/components/shared/InputSelectMultiple.vue    |  2 ++
 src/components/shared/InputSelectSingle.vue      |  2 ++
 .../shared/InputSelectTagWithCreation.vue        |  2 ++
 src/pages/NewTransactionPage.vue                 | 11 ++++++-----
 7 files changed, 21 insertions(+), 16 deletions(-)

diff --git a/src/components/newTransaction/NewTransactionTarget.vue b/src/components/newTransaction/NewTransactionTarget.vue
index bc70483e..a8bf42ba 100644
--- a/src/components/newTransaction/NewTransactionTarget.vue
+++ b/src/components/newTransaction/NewTransactionTarget.vue
@@ -1,6 +1,4 @@
 <script lang="ts" setup>
-import { useToast } from 'vue-toastification'
-
 import InputText from '/@/components/shared/InputText.vue'
 import { PlusIcon, TrashIcon } from '@heroicons/vue/24/outline'
 
@@ -11,8 +9,6 @@ interface Props {
 const props = defineProps<Props>()
 const emit = defineEmits<{ (e: 'input', value: string[]): void }>()
 
-const toast = useToast()
-
 function handleEditTarget(index: number, value: string) {
   emit(
     'input',
@@ -24,10 +20,6 @@ function handleAddTarget() {
   emit('input', [...props.targets, ''])
 }
 function handleRemoveTarget(index: number) {
-  if (props.targets.length === 1) {
-    toast.warning('取引相手は1人以上必要です')
-    return
-  }
   emit(
     'input',
     props.targets.filter((_, i) => i !== index)
@@ -37,18 +29,22 @@ function handleRemoveTarget(index: number) {
 
 <template>
   <div class="flex flex-col gap-3">
-    <label class="text-xl">取引相手</label>
+    <label class="text-xl" for="target">取引相手</label>
     <ul class="flex flex-col gap-2">
       <li
         v-for="(target, i) in targets"
         :key="target"
         class="flex items-center gap-3">
         <InputText
+          id="target"
           class="flex-grow"
           :model-value="target"
           placeholder="取引相手"
           @update:model-value="handleEditTarget(i, $event)" />
-        <button class="flex" @click="handleRemoveTarget(i)">
+        <button
+          v-if="props.targets.length > 1"
+          class="flex"
+          @click="handleRemoveTarget(i)">
           <TrashIcon class="w-6 text-red-400" />
         </button>
       </li>
diff --git a/src/components/shared/InputNumber.vue b/src/components/shared/InputNumber.vue
index ef157f85..411e8f58 100644
--- a/src/components/shared/InputNumber.vue
+++ b/src/components/shared/InputNumber.vue
@@ -7,6 +7,7 @@ interface Props {
   placeholder?: string
   min?: number
   autoFocus?: boolean
+  id?: string
 }
 const props = withDefaults(defineProps<Props>(), {
   required: false,
@@ -34,6 +35,7 @@ onMounted(() => {
 
 <template>
   <input
+    :id="props.id"
     ref="inputRef"
     class="bg-background rounded border border-gray-300 py-1 px-2"
     :min="props.min"
diff --git a/src/components/shared/InputRadioButton.vue b/src/components/shared/InputRadioButton.vue
index 712d8435..26884a39 100644
--- a/src/components/shared/InputRadioButton.vue
+++ b/src/components/shared/InputRadioButton.vue
@@ -22,7 +22,7 @@ const value = computed({
 
 <template>
   <div class="flex flex-col gap-1">
-    <label v-for="option in options" :key="option.key" class="text-base">
+    <label v-for="option in options" :key="option.key">
       <input v-model="value" class="mr-1" type="radio" :value="option.value" />
       {{ option.key }}
     </label>
diff --git a/src/components/shared/InputSelectMultiple.vue b/src/components/shared/InputSelectMultiple.vue
index 3c3ae66c..c6c70608 100644
--- a/src/components/shared/InputSelectMultiple.vue
+++ b/src/components/shared/InputSelectMultiple.vue
@@ -20,6 +20,7 @@ interface Props {
   isDropdownAbove?: boolean
   /* [optionsのkey, modelValueのkey] modelValueをselectedValuesに適用するときに使う*/
   uniqKeys?: [string, string]
+  id?: string
   /* デフォルト幅を設定するため */
   class?: string
 }
@@ -284,6 +285,7 @@ onUnmounted(() => {
           <button type="button" @click="removeValue(selectedValue)">×</button>
         </div>
         <input
+          :id="props.id"
           ref="inputRef"
           v-model="searchQuery"
           class="flex-grow bg-transparent pl-1 focus:outline-none"
diff --git a/src/components/shared/InputSelectSingle.vue b/src/components/shared/InputSelectSingle.vue
index 7e135674..8240f39c 100644
--- a/src/components/shared/InputSelectSingle.vue
+++ b/src/components/shared/InputSelectSingle.vue
@@ -17,6 +17,7 @@ interface Props {
   disabled?: boolean
   isDropdownAbove?: boolean
   uniqKeys?: [string, string]
+  id?: string
   class?: string
 }
 
@@ -191,6 +192,7 @@ onUnmounted(() => {
           {{ selectedValue.key }}
         </span>
         <input
+          :id="props.id"
           ref="inputRef"
           v-model="searchQuery"
           class="flex-grow bg-transparent focus:outline-none"
diff --git a/src/components/shared/InputSelectTagWithCreation.vue b/src/components/shared/InputSelectTagWithCreation.vue
index 43b1b70c..63c0fce8 100644
--- a/src/components/shared/InputSelectTagWithCreation.vue
+++ b/src/components/shared/InputSelectTagWithCreation.vue
@@ -9,6 +9,7 @@ import type { Tag } from '/@/features/tag/model'
 
 interface Props {
   modelValue: Tag[]
+  id?: string
 }
 const props = defineProps<Props>()
 const emit = defineEmits<{ (e: 'update:modelValue', value: Tag[]): void }>()
@@ -24,6 +25,7 @@ const value = computed({
 
 <template>
   <InputSelectMultiple
+    :id="props.id"
     v-model="value"
     class="w-full"
     :create-option="
diff --git a/src/pages/NewTransactionPage.vue b/src/pages/NewTransactionPage.vue
index c3464142..fb2edafb 100644
--- a/src/pages/NewTransactionPage.vue
+++ b/src/pages/NewTransactionPage.vue
@@ -47,9 +47,10 @@ if (!isTagFetched.value) {
     </div>
     <form class="flex flex-col gap-6">
       <div class="flex flex-col gap-3">
-        <label class="text-xl">金額</label>
+        <label class="text-xl" for="amount">金額</label>
         <div>
           <InputNumber
+            id="amount"
             v-model="transaction.amount"
             auto-focus
             class="mr-2"
@@ -66,20 +67,20 @@ if (!isTagFetched.value) {
         :targets="transaction.targets"
         @input="transaction.targets = $event" />
       <div class="flex flex-col gap-3">
-        <label class="text-xl">グループ</label>
+        <label class="text-xl" for="group">グループ</label>
         <InputSelectSingle
+          id="group"
           v-model="transaction.group"
           class="w-full"
           :options="groupOptions"
           placeholder="グループを選択" />
       </div>
       <div class="flex flex-col gap-3">
-        <label class="text-xl">タグ</label>
-        <InputSelectTagWithCreation v-model="transaction.tags" class="" />
+        <label class="text-xl" for="tag">タグ</label>
+        <InputSelectTagWithCreation id="tag" v-model="transaction.tags" />
       </div>
       <div class="text-right">
         <SimpleButton
-          class="!px-5"
           :disabled="isSending"
           font-size="md"
           padding="md"

From c8401b391e0e1dea75625fd8ce9dba1fbcd54eb6 Mon Sep 17 00:00:00 2001
From: anko9801 <daiusa3@icloud.com>
Date: Fri, 24 May 2024 23:08:56 +0900
Subject: [PATCH 3/7] =?UTF-8?q?:art:=20=E5=8F=96=E5=BC=95=E7=9B=B8?=
 =?UTF-8?q?=E6=89=8B=E3=81=AE=E3=83=AA=E3=82=B9=E3=83=88=E3=81=AE=20label?=
 =?UTF-8?q?=20=E3=82=92=20input=20=E3=81=AE=E3=83=A9=E3=82=B9=E3=83=88?=
 =?UTF-8?q?=E3=81=AB=E7=B4=90=E3=81=A5=E3=81=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/newTransaction/NewTransactionTarget.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/newTransaction/NewTransactionTarget.vue b/src/components/newTransaction/NewTransactionTarget.vue
index a8bf42ba..d80da56a 100644
--- a/src/components/newTransaction/NewTransactionTarget.vue
+++ b/src/components/newTransaction/NewTransactionTarget.vue
@@ -36,7 +36,7 @@ function handleRemoveTarget(index: number) {
         :key="target"
         class="flex items-center gap-3">
         <InputText
-          id="target"
+          :id="i === targets.length - 1 && 'target'"
           class="flex-grow"
           :model-value="target"
           placeholder="取引相手"

From d9f5e5170210376cc2ff97bdebdab1fd42e23177 Mon Sep 17 00:00:00 2001
From: anko9801 <daiusa3@icloud.com>
Date: Fri, 24 May 2024 23:09:13 +0900
Subject: [PATCH 4/7] =?UTF-8?q?:art:=20=E3=82=B9=E3=82=BF=E3=82=A4?=
 =?UTF-8?q?=E3=83=AB=E3=81=AE=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../newTransaction/NewTransactionTarget.vue      |  4 ++--
 src/components/shared/InputRadioButton.vue       |  2 +-
 src/pages/NewTransactionPage.vue                 | 16 ++++++++--------
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/newTransaction/NewTransactionTarget.vue b/src/components/newTransaction/NewTransactionTarget.vue
index d80da56a..0420a678 100644
--- a/src/components/newTransaction/NewTransactionTarget.vue
+++ b/src/components/newTransaction/NewTransactionTarget.vue
@@ -28,8 +28,8 @@ function handleRemoveTarget(index: number) {
 </script>
 
 <template>
-  <div class="flex flex-col gap-3">
-    <label class="text-xl" for="target">取引相手</label>
+  <div class="flex flex-col gap-2">
+    <label class="text-sm" for="target">取引相手</label>
     <ul class="flex flex-col gap-2">
       <li
         v-for="(target, i) in targets"
diff --git a/src/components/shared/InputRadioButton.vue b/src/components/shared/InputRadioButton.vue
index 26884a39..192f568d 100644
--- a/src/components/shared/InputRadioButton.vue
+++ b/src/components/shared/InputRadioButton.vue
@@ -22,7 +22,7 @@ const value = computed({
 
 <template>
   <div class="flex flex-col gap-1">
-    <label v-for="option in options" :key="option.key">
+    <label v-for="option in options" :key="option.key" class="cursor-pointer">
       <input v-model="value" class="mr-1" type="radio" :value="option.value" />
       {{ option.key }}
     </label>
diff --git a/src/pages/NewTransactionPage.vue b/src/pages/NewTransactionPage.vue
index fb2edafb..0c687133 100644
--- a/src/pages/NewTransactionPage.vue
+++ b/src/pages/NewTransactionPage.vue
@@ -46,8 +46,8 @@ if (!isTagFetched.value) {
       <h1 class="text-2xl">入出金記録の新規作成</h1>
     </div>
     <form class="flex flex-col gap-6">
-      <div class="flex flex-col gap-3">
-        <label class="text-xl" for="amount">金額</label>
+      <div class="flex flex-col gap-2">
+        <label class="text-sm" for="amount">金額</label>
         <div>
           <InputNumber
             id="amount"
@@ -57,8 +57,8 @@ if (!isTagFetched.value) {
             :min="1" />円
         </div>
       </div>
-      <div class="flex flex-col gap-3">
-        <label class="text-xl">入出金の方向</label>
+      <div class="flex flex-col gap-2">
+        <label class="text-sm">入出金の方向</label>
         <InputRadioButton
           v-model="moneyDirection"
           :options="directionOptions" />
@@ -66,8 +66,8 @@ if (!isTagFetched.value) {
       <NewTransactionTarget
         :targets="transaction.targets"
         @input="transaction.targets = $event" />
-      <div class="flex flex-col gap-3">
-        <label class="text-xl" for="group">グループ</label>
+      <div class="flex flex-col gap-2">
+        <label class="text-sm" for="group">グループ</label>
         <InputSelectSingle
           id="group"
           v-model="transaction.group"
@@ -75,8 +75,8 @@ if (!isTagFetched.value) {
           :options="groupOptions"
           placeholder="グループを選択" />
       </div>
-      <div class="flex flex-col gap-3">
-        <label class="text-xl" for="tag">タグ</label>
+      <div class="flex flex-col gap-2">
+        <label class="text-sm" for="tag">タグ</label>
         <InputSelectTagWithCreation id="tag" v-model="transaction.tags" />
       </div>
       <div class="text-right">

From 7fba89714312153411e479a4f75b57151e71c9b9 Mon Sep 17 00:00:00 2001
From: anko9801 <daiusa3@icloud.com>
Date: Fri, 24 May 2024 23:32:49 +0900
Subject: [PATCH 5/7] =?UTF-8?q?:art:=20Font-weight=20=E3=82=92=E5=A4=89?=
 =?UTF-8?q?=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                                             | 2 +-
 src/components/newTransaction/NewTransactionTarget.vue | 2 +-
 src/pages/NewTransactionPage.vue                       | 8 ++++----
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index f469c8c9..eb5acc2d 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
-      href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap"
       rel="stylesheet" />
   </head>
   <body>
diff --git a/src/components/newTransaction/NewTransactionTarget.vue b/src/components/newTransaction/NewTransactionTarget.vue
index 0420a678..296f79de 100644
--- a/src/components/newTransaction/NewTransactionTarget.vue
+++ b/src/components/newTransaction/NewTransactionTarget.vue
@@ -29,7 +29,7 @@ function handleRemoveTarget(index: number) {
 
 <template>
   <div class="flex flex-col gap-2">
-    <label class="text-sm" for="target">取引相手</label>
+    <label class="text-sm font-medium" for="target">取引相手</label>
     <ul class="flex flex-col gap-2">
       <li
         v-for="(target, i) in targets"
diff --git a/src/pages/NewTransactionPage.vue b/src/pages/NewTransactionPage.vue
index 0c687133..af69e833 100644
--- a/src/pages/NewTransactionPage.vue
+++ b/src/pages/NewTransactionPage.vue
@@ -47,7 +47,7 @@ if (!isTagFetched.value) {
     </div>
     <form class="flex flex-col gap-6">
       <div class="flex flex-col gap-2">
-        <label class="text-sm" for="amount">金額</label>
+        <label class="text-sm font-medium" for="amount">金額</label>
         <div>
           <InputNumber
             id="amount"
@@ -58,7 +58,7 @@ if (!isTagFetched.value) {
         </div>
       </div>
       <div class="flex flex-col gap-2">
-        <label class="text-sm">入出金の方向</label>
+        <label class="text-sm font-medium">入出金の方向</label>
         <InputRadioButton
           v-model="moneyDirection"
           :options="directionOptions" />
@@ -67,7 +67,7 @@ if (!isTagFetched.value) {
         :targets="transaction.targets"
         @input="transaction.targets = $event" />
       <div class="flex flex-col gap-2">
-        <label class="text-sm" for="group">グループ</label>
+        <label class="text-sm font-medium" for="group">グループ</label>
         <InputSelectSingle
           id="group"
           v-model="transaction.group"
@@ -76,7 +76,7 @@ if (!isTagFetched.value) {
           placeholder="グループを選択" />
       </div>
       <div class="flex flex-col gap-2">
-        <label class="text-sm" for="tag">タグ</label>
+        <label class="text-sm font-medium" for="tag">タグ</label>
         <InputSelectTagWithCreation id="tag" v-model="transaction.tags" />
       </div>
       <div class="text-right">

From 7e0ee185e67f3fc7dfcf8814aabf0ae5725a0d26 Mon Sep 17 00:00:00 2001
From: anko9801 <daiusa3@icloud.com>
Date: Fri, 5 Jul 2024 16:19:38 +0900
Subject: [PATCH 6/7] =?UTF-8?q?=F0=9F=A9=B9=20=E3=83=AA=E3=82=B9=E3=83=88?=
 =?UTF-8?q?=E3=81=AE=E7=B4=90=E3=81=A5=E3=81=91=E3=82=92=E3=82=84=E3=82=81?=
 =?UTF-8?q?=E3=81=A8=E3=81=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../newTransaction/NewTransactionTarget.vue   | 20 ++++---------------
 1 file changed, 4 insertions(+), 16 deletions(-)

diff --git a/src/components/newTransaction/NewTransactionTarget.vue b/src/components/newTransaction/NewTransactionTarget.vue
index 296f79de..a9bb2ed7 100644
--- a/src/components/newTransaction/NewTransactionTarget.vue
+++ b/src/components/newTransaction/NewTransactionTarget.vue
@@ -31,28 +31,16 @@ function handleRemoveTarget(index: number) {
   <div class="flex flex-col gap-2">
     <label class="text-sm font-medium" for="target">取引相手</label>
     <ul class="flex flex-col gap-2">
-      <li
-        v-for="(target, i) in targets"
-        :key="target"
-        class="flex items-center gap-3">
-        <InputText
-          :id="i === targets.length - 1 && 'target'"
-          class="flex-grow"
-          :model-value="target"
-          placeholder="取引相手"
+      <li v-for="(target, i) in targets" :key="target" class="flex items-center gap-3">
+        <InputText class="flex-grow" :model-value="target" placeholder="取引相手"
           @update:model-value="handleEditTarget(i, $event)" />
-        <button
-          v-if="props.targets.length > 1"
-          class="flex"
-          @click="handleRemoveTarget(i)">
+        <button v-if="props.targets.length > 1" class="flex" @click="handleRemoveTarget(i)">
           <TrashIcon class="w-6 text-red-400" />
         </button>
       </li>
     </ul>
     <div class="ml-3">
-      <button
-        class="flex items-center p-2 border rounded"
-        @click="handleAddTarget">
+      <button class="flex items-center p-2 border rounded" @click="handleAddTarget">
         <PlusIcon class="w-5 mr-2" />
         取引相手を追加
       </button>

From d959ac2052533946e6077e7896e66c65ac6ab5ba Mon Sep 17 00:00:00 2001
From: anko9801 <daiusa3@icloud.com>
Date: Mon, 22 Jul 2024 12:07:29 +0900
Subject: [PATCH 7/7] =?UTF-8?q?=F0=9F=90=9B=20=E3=82=A2=E3=83=89=E3=83=9F?=
 =?UTF-8?q?=E3=83=B3=E4=BB=A5=E5=A4=96=E3=82=82=E4=BD=9C=E6=88=90=E3=81=A7?=
 =?UTF-8?q?=E3=81=8D=E3=82=8B=E3=81=AE=E3=82=92=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/NewTransactionPage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/NewTransactionPage.vue b/src/pages/NewTransactionPage.vue
index af69e833..b8c50e8c 100644
--- a/src/pages/NewTransactionPage.vue
+++ b/src/pages/NewTransactionPage.vue
@@ -41,7 +41,7 @@ if (!isTagFetched.value) {
 
 <template>
   <div v-if="!isAdmin">権限がありません。</div>
-  <div class="min-w-160 mx-auto mb-5 flex w-2/3 flex-col px-12 pt-8">
+  <div v-else class="min-w-160 mx-auto mb-5 flex w-2/3 flex-col px-12 pt-8">
     <div class="pb-6">
       <h1 class="text-2xl">入出金記録の新規作成</h1>
     </div>