Set edit form font size to large

(#92)
kitcc-org · Nov 4, 2024 · 75a6253 · 75a6253
1 parent 6787722
commit 75a6253
Show file tree

Hide file tree

Showing 8 changed files with 19 additions and 13 deletions.
diff --git a/frontend/app/components/book-detail-edit/BookDetailAuthorsForm.tsx b/frontend/app/components/book-detail-edit/BookDetailAuthorsForm.tsx
@@ -1,5 +1,5 @@
-import { UseFormReturnType } from '@mantine/form';
 import { TagsInput } from '@mantine/core';
+import { UseFormReturnType } from '@mantine/form';
 import { CustomUpdateBookBody } from '~/routes/home.books.$bookId.edit/route';
 
 interface BookDetailAuthorsFormProps {
@@ -12,6 +12,7 @@ interface BookDetailAuthorsFormProps {
 const BookDetailAuthorsForm = ({ form }: BookDetailAuthorsFormProps) => {
 	return (
 		<TagsInput
+			size="md"
 			label="著者"
 			placeholder="竹岡尚三"
 			key={form.key('authors')}

diff --git a/frontend/app/components/book-detail-edit/BookDetailEditContent.tsx b/frontend/app/components/book-detail-edit/BookDetailEditContent.tsx
@@ -1,14 +1,14 @@
-import FormLayout from '../layouts/FormLayout';
 import { UseFormReturnType } from '@mantine/form';
-import BookDetailTitleForm from './BookDetailTitleForm';
+import { CustomUpdateBookBody } from '~/routes/home.books.$bookId.edit/route';
+import FormLayout from '../layouts/FormLayout';
 import BookDetailAuthorsForm from './BookDetailAuthorsForm';
-import BookDetailPublisherForm from './BookDetailPublisherForm';
-import BookDetailPublishedDateForm from './BookDetailPublishedDateForm';
+import BookDetailEditTitle from './BookDetailEditTitle';
 import BookDetailIsbnForm from './BookDetailIsbnForm';
+import BookDetailPublishedDateForm from './BookDetailPublishedDateForm';
+import BookDetailPublisherForm from './BookDetailPublisherForm';
 import BookDetailStockForm from './BookDetailStockForm';
-import { CustomUpdateBookBody } from '~/routes/home.books.$bookId.edit/route';
-import BookDetailEditTitle from './BookDetailEditTitle';
 import BookDetailSubmitButton from './BookDetailSubmitButton';
+import BookDetailTitleForm from './BookDetailTitleForm';
 
 interface BookDetailEditContentProps {
 	form: UseFormReturnType<

diff --git a/frontend/app/components/book-detail-edit/BookDetailIsbnForm.tsx b/frontend/app/components/book-detail-edit/BookDetailIsbnForm.tsx
@@ -1,5 +1,5 @@
-import { UseFormReturnType } from '@mantine/form';
 import { TextInput } from '@mantine/core';
+import { UseFormReturnType } from '@mantine/form';
 import { CustomUpdateBookBody } from '~/routes/home.books.$bookId.edit/route';
 
 interface BookDetailIsbnFormProps {
@@ -12,6 +12,7 @@ interface BookDetailIsbnFormProps {
 const BookDetailIsbnForm = ({ form }: BookDetailIsbnFormProps) => {
 	return (
 		<TextInput
+			size="md"
 			label="ISBN"
 			placeholder="987654321098"
 			key={form.key('isbn')}

diff --git a/frontend/app/components/book-detail-edit/BookDetailPublishedDateForm.tsx b/frontend/app/components/book-detail-edit/BookDetailPublishedDateForm.tsx
@@ -1,5 +1,5 @@
-import { UseFormReturnType } from '@mantine/form';
 import { DateInput } from '@mantine/dates';
+import { UseFormReturnType } from '@mantine/form';
 import { CustomUpdateBookBody } from '~/routes/home.books.$bookId.edit/route';
 
 interface BookDetailPublishedDateFormProps {
@@ -14,6 +14,7 @@ const BookDetailPublishedDateForm = ({
 }: BookDetailPublishedDateFormProps) => {
 	return (
 		<DateInput
+			size="md"
 			label="出版日"
 			placeholder="2000-01-31"
 			valueFormat="YYYY-MM-DD"

diff --git a/frontend/app/components/book-detail-edit/BookDetailPublisherForm.tsx b/frontend/app/components/book-detail-edit/BookDetailPublisherForm.tsx
@@ -1,5 +1,5 @@
-import { UseFormReturnType } from '@mantine/form';
 import { TextInput } from '@mantine/core';
+import { UseFormReturnType } from '@mantine/form';
 import { CustomUpdateBookBody } from '~/routes/home.books.$bookId.edit/route';
 
 interface BookDetailPublisherFormProps {
@@ -12,6 +12,7 @@ interface BookDetailPublisherFormProps {
 const BookDetailPublisherForm = ({ form }: BookDetailPublisherFormProps) => {
 	return (
 		<TextInput
+			size="md"
 			label="出版社"
 			placeholder="SOFTBANK"
 			key={form.key('publisher')}

diff --git a/frontend/app/components/book-detail-edit/BookDetailStockForm.tsx b/frontend/app/components/book-detail-edit/BookDetailStockForm.tsx
@@ -1,5 +1,5 @@
-import { UseFormReturnType } from '@mantine/form';
 import { NumberInput } from '@mantine/core';
+import { UseFormReturnType } from '@mantine/form';
 import { CustomUpdateBookBody } from '~/routes/home.books.$bookId.edit/route';
 
 interface BookDetailStockFormProps {
@@ -12,6 +12,7 @@ interface BookDetailStockFormProps {
 const BookDetailStockForm = ({ form }: BookDetailStockFormProps) => {
 	return (
 		<NumberInput
+			size="md"
 			label="在庫数"
 			placeholder="0"
 			key={form.key('stock')}

diff --git a/frontend/app/components/book-detail-edit/BookDetailSubmitButton.tsx b/frontend/app/components/book-detail-edit/BookDetailSubmitButton.tsx
@@ -3,7 +3,7 @@ import { TbBookUpload } from 'react-icons/tb';
 
 const BookDetailSubmitButton = () => {
 	return (
-		<Button type="submit" leftSection={<TbBookUpload />}>
+		<Button type="submit" leftSection={<TbBookUpload />} fz="lg">
 			更新
 		</Button>
 	);

diff --git a/frontend/app/components/book-detail-edit/BookDetailTitleForm.tsx b/frontend/app/components/book-detail-edit/BookDetailTitleForm.tsx
@@ -1,5 +1,5 @@
-import { UseFormReturnType } from '@mantine/form';
 import { TextInput } from '@mantine/core';
+import { UseFormReturnType } from '@mantine/form';
 import { CustomUpdateBookBody } from '~/routes/home.books.$bookId.edit/route';
 
 interface BookDetailTitleFormProps {
@@ -12,6 +12,7 @@ interface BookDetailTitleFormProps {
 const BookDetailTitleForm = ({ form }: BookDetailTitleFormProps) => {
 	return (
 		<TextInput
+			size="md"
 			label="タイトル"
 			placeholder="Javaプログラミング徹底マスター"
 			key={form.key('title')}