Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Issues/135 #141

Merged
merged 2 commits into from
Sep 4, 2024
Merged

Issues/135 #141

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9536491
createFormのStyle手直し
nasubi-dev Sep 4, 2024
da8305f
bun run test
nasubi-dev Sep 4, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 0 additions & 1 deletion src/components/team/Selector.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,6 @@ const DivStyled = styled.div`
margin-top: 20px;
`;


const ButtonStyled = styled(Button)`
font-weight: 600;
font-family: sans-serif;
Expand Down
88 changes: 45 additions & 43 deletions src/pages/create/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down Expand Up @@ -264,7 +268,6 @@ export default function Page(): ReactElement {
setValue("icon", url);
setPopoverOpened(false);
}}
radius="full"
size="4"
value={getValues("icon")}
variant="ghost"
Expand All @@ -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
Expand Down
Loading