diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-11-04 19:26:16 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-11-11 18:15:27 +0100 |
| commit | 2771de88f40a5f4ed7480bd8614532dda72deeda (patch) | |
| tree | ed4d1b9ee3f6322817efa2d1b1113c247367a12a /src/components/organisms/forms/comment-form/comment-form.module.scss | |
| parent | c4a561c333f6f82678efcffef5ce3ed0f8e322f4 (diff) | |
refactor(components): rewrite CommentForm component
* remove `Notice` prop to handle it directly in the form
* replace `saveComment` prop with `onSubmit`
* use `useForm` hook to handle the form
Diffstat (limited to 'src/components/organisms/forms/comment-form/comment-form.module.scss')
| -rw-r--r-- | src/components/organisms/forms/comment-form/comment-form.module.scss | 21 |
1 files changed, 10 insertions, 11 deletions
diff --git a/src/components/organisms/forms/comment-form/comment-form.module.scss b/src/components/organisms/forms/comment-form/comment-form.module.scss index a4de51e..0e40c2a 100644 --- a/src/components/organisms/forms/comment-form/comment-form.module.scss +++ b/src/components/organisms/forms/comment-form/comment-form.module.scss @@ -2,23 +2,22 @@ display: flex; flex-flow: column wrap; gap: var(--spacing-xs); + max-width: 45ch; +} - > * { - max-width: 45ch; - } +.field { + width: 100%; } -.title { +.btn { width: fit-content; - margin-inline: auto; - margin-bottom: var(--spacing-sm); + margin: var(--spacing-sm) auto 0; } -.field { - width: 100%; +.notice { + margin-block-start: var(--spacing-sm); } -.button { - display: block; - margin: var(--spacing-sm) auto 0; +.spinner { + margin-inline: auto; } |