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; 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")} /> - - - 実績名 - - - {errors.name?.message ?? ""} - - - + + - 実績につけるタグ + 実績名 * - {errors.tags?.message ?? ""} + {errors.name?.message ?? ""} - + + + + 実績につけるタグ + + + + + + {errors.tags?.message ?? ""} + + + - 実績につけるタグ + 実績の説明 * + {errors?.description?.message ?? ""} - - - 実績の説明 - - - {errors?.description?.message ?? ""} -