Commit @b4bc54d968bf9b58905a8d52ea0274c0ae76744e

임동욱 08-20

merge: 콘텐츠 폼 버튼 패널

@b4bc54d968bf9b58905a8d52ea0274c0ae76744e

80f33f7

b4bc54d

app/(protected)/(basic)/contents/_components/content-form-actions.tsx

--- app/(protected)/(basic)/contents/_components/content-form-actions.tsx

+++ app/(protected)/(basic)/contents/_components/content-form-actions.tsx


 import { useRouter } from 'next/navigation';
 import { FoxButton } from '@fox/core/components/fox-button';
 import { FoxButtonGroup } from '@fox/core/components/fox-button-group';
-import styles from './content-form.module.scss';
+import { FoxButtonPanel } from '@fox/core/components/fox-button-panel';
 
 interface ContentFormActionsProps {
   submitLabel: string;

   pending: boolean;
 }
 
-/** 폼 하단의 [목록] [등록/수정]. 시안이 가운데 정렬이다. */
+/** 폼 하단의 [목록] [등록/수정] — 시안 btn-page(5402:12368). 그룹이 하나라 패널이 가운데 세운다. */
 export function ContentFormActions({
   submitLabel,
   listHref,

   const router = useRouter();
 
   return (
-    <div className={styles.actions}>
-      <FoxButtonGroup size="md">
+    <FoxButtonPanel>
+      <FoxButtonGroup size="lg">
         <FoxButton
           type="default"
-          size="md"
+          size="lg"
           label="목록"
           onAction={() => router.push(listHref)}
         />
         <FoxButton
           type="primary"
-          size="md"
+          size="lg"
           htmlType="submit"
           label={submitLabel}
           loading={pending}
         />
       </FoxButtonGroup>
-    </div>
+    </FoxButtonPanel>
   );
 }

80f33f7

b4bc54d

app/(protected)/(basic)/contents/_components/content-form.module.scss

--- app/(protected)/(basic)/contents/_components/content-form.module.scss

+++ app/(protected)/(basic)/contents/_components/content-form.module.scss


   padding-inline: fox.padding(6);
 }
 
-.actions {
-  display: flex;
-  justify-content: center;
-  padding-block-start: fox.padding(8);
-}
-
 .thumbnail {
   display: flex;
   align-items: flex-start;

Add a comment

Open 0
Closed 0

List

...	...	@@ -3,7 +3,7 @@
3	3	import { useRouter } from 'next/navigation';
4	4	import { FoxButton } from '@fox/core/components/fox-button';
5	5	import { FoxButtonGroup } from '@fox/core/components/fox-button-group';
6		-import styles from './content-form.module.scss';
	6	+import { FoxButtonPanel } from '@fox/core/components/fox-button-panel';
7	7
8	8	interface ContentFormActionsProps {
9	9	submitLabel: string;
...	...	@@ -11,7 +11,7 @@
11	11	pending: boolean;
12	12	}
13	13
14		-/** 폼 하단의 [목록] [등록/수정]. 시안이 가운데 정렬이다. */
	14	+/** 폼 하단의 [목록] [등록/수정] — 시안 btn-page(5402:12368). 그룹이 하나라 패널이 가운데 세운다. */
15	15	export function ContentFormActions({
16	16	submitLabel,
17	17	listHref,
...	...	@@ -20,22 +20,22 @@
20	20	const router = useRouter();
21	21
22	22	return (
23		- <div className={styles.actions}>
24		- <FoxButtonGroup size="md">
	23	+ <FoxButtonPanel>
	24	+ <FoxButtonGroup size="lg">
25	25	<FoxButton
26	26	type="default"
27		- size="md"
	27	+ size="lg"
28	28	label="목록"
29	29	onAction={() => router.push(listHref)}
30	30	/>
31	31	<FoxButton
32	32	type="primary"
33		- size="md"
	33	+ size="lg"
34	34	htmlType="submit"
35	35	label={submitLabel}
36	36	loading={pending}
37	37	/>
38	38	</FoxButtonGroup>
39		- </div>
	39	+ </FoxButtonPanel>
40	40	);
41	41	}

...	...	@@ -113,12 +113,6 @@
113	113	padding-inline: fox.padding(6);
114	114	}
115	115
116		-.actions {
117		- display: flex;
118		- justify-content: center;
119		- padding-block-start: fox.padding(8);
120		-}
121		-
122	116	.thumbnail {
123	117	display: flex;
124	118	align-items: flex-start;

Delete comment