From 9536491f0edcb5a51d33a12f6d6d913a789939cd Mon Sep 17 00:00:00 2001
From: nasubi916 <r916nis@gmail.com>
Date: Thu, 5 Sep 2024 01:14:16 +0900
Subject: [PATCH 1/2] =?UTF-8?q?createForm=E3=81=AEStyle=E6=89=8B=E7=9B=B4?=
 =?UTF-8?q?=E3=81=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/create/index.tsx | 88 +++++++++++++++++++-------------------
 1 file changed, 45 insertions(+), 43 deletions(-)

diff --git a/src/pages/create/index.tsx b/src/pages/create/index.tsx
index 7b67420..14d37a0 100644
--- a/src/pages/create/index.tsx
+++ b/src/pages/create/index.tsx
@@ -132,11 +132,15 @@ const TextInput = styled(TextField.Root)<{ invalid: number }>`
     -6px -6px 16px inset #ffffff;
   input {
     margin-left: 0.4rem;
-    color: #737a89;
+    color: #000;
   }
   border: 2px solid ${({ invalid }) => (invalid !== 0 ? "#e03b3b" : "unset")};
 `;
 
+const Red = styled.span`
+  color: #e03b3b;
+`;
+
 const MessageContainer = styled(Flex)`
   justify-content: center;
   align-items: center;
@@ -264,7 +268,6 @@ export default function Page(): ReactElement {
                       setValue("icon", url);
                       setPopoverOpened(false);
                     }}
-                    radius="full"
                     size="4"
                     value={getValues("icon")}
                     variant="ghost"
@@ -284,66 +287,65 @@ export default function Page(): ReactElement {
             src={getValues("icon")}
           />
         </AvatarContainer>
-        <Box mb="4vh" width="50vw">
-          <Text ml="0.4rem" weight="medium">
-            実績名
-          </Text>
-          <TextInput
-            disabled={isSubmitting}
-            invalid={Number(errors.name != null)}
-            placeholder="カカポ"
-            radius="full"
-            size="3"
-            type="text"
-            {...register("name")}
-          />
-          <ErrorMessage>{errors.name?.message ?? ""}</ErrorMessage>
-        </Box>
-        <Flex justify="between" width="50vw">
-          <Box mb="4vh" width="24vw">
+        <Flex align="center" direction="column" justify="between">
+          <Box mb="4vh" width="500px">
             <Text ml="0.4rem" weight="medium">
-              実績につけるタグ
+              実績名 <Red>*</Red>
             </Text>
             <TextInput
               disabled={isSubmitting}
-              invalid={Number(errors.tags != null)}
-              placeholder="#party parrot"
+              invalid={Number(errors.name != null)}
+              placeholder="カカポ"
               radius="full"
               size="3"
               type="text"
-              {...register("tags.0")}
+              {...register("name")}
             />
-            <ErrorMessage>{errors.tags?.message ?? ""}</ErrorMessage>
+            <ErrorMessage>{errors.name?.message ?? ""}</ErrorMessage>
           </Box>
-          <Box mb="4vh" width="24vw">
+          <Flex justify="between" width="500px">
+            <Box mb="4vh">
+              <Text ml="0.4rem" weight="medium">
+                実績につけるタグ
+              </Text>
+              <Flex align="stretch" gap="8" justify="between">
+                <TextInput
+                  disabled={isSubmitting}
+                  invalid={Number(errors.tags != null)}
+                  placeholder="#party parrot"
+                  radius="full"
+                  size="3"
+                  type="text"
+                  {...register("tags.0")}
+                />
+                <TextInput
+                  disabled={isSubmitting}
+                  invalid={Number(errors.tags != null)}
+                  placeholder="#love2"
+                  radius="full"
+                  size="3"
+                  type="text"
+                  {...register("tags.1")}
+                />
+              </Flex>
+              <ErrorMessage>{errors.tags?.message ?? ""}</ErrorMessage>
+            </Box>
+          </Flex>
+          <Box mb="3vh" width="500px">
             <Text ml="0.4rem" weight="medium">
-              実績につけるタグ
+              実績の説明 <Red>*</Red>
             </Text>
             <TextInput
               disabled={isSubmitting}
-              invalid={Number(errors.tags != null)}
-              placeholder="#love2"
+              invalid={Number(errors.description != null)}
               radius="full"
               size="3"
               type="text"
-              {...register("tags.1")}
+              {...register("description")}
             />
+            <ErrorMessage>{errors?.description?.message ?? ""}</ErrorMessage>
           </Box>
         </Flex>
-        <Box mb="3vh" width="50vw">
-          <Text ml="0.4rem" weight="medium">
-            実績の説明
-          </Text>
-          <TextInput
-            disabled={isSubmitting}
-            invalid={Number(errors.description != null)}
-            radius="full"
-            size="3"
-            type="text"
-            {...register("description")}
-          />
-          <ErrorMessage>{errors?.description?.message ?? ""}</ErrorMessage>
-        </Box>
 
         <Box mb="auto">
           <SubmitButton

From da8305f03343d7b10332b316fe1e3efd2df5c7ea Mon Sep 17 00:00:00 2001
From: nasubi916 <r916nis@gmail.com>
Date: Thu, 5 Sep 2024 01:15:41 +0900
Subject: [PATCH 2/2] bun run test

---
 src/components/team/Selector.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/team/Selector.tsx b/src/components/team/Selector.tsx
index c4243fe..659db18 100644
--- a/src/components/team/Selector.tsx
+++ b/src/components/team/Selector.tsx
@@ -34,7 +34,6 @@ const DivStyled = styled.div`
   margin-top: 20px;
 `;
 
-
 const ButtonStyled = styled(Button)`
   font-weight: 600;
   font-family: sans-serif;