nbnloper / edupay-admin star
Forked from ldu0009 / edupay-admin
임동욱 임동욱 08-20
fix: 콘텐츠 폼 하단 버튼을 FoxButtonPanel로 
시안 btn-page(5402:12368) — 80px 여백, 그룹 하나는 가운데, 버튼은 lg(높이 56)에
최소폭 160. 수제 .actions(가운데 flex + 32px 여백, md 버튼)를 걷어내고 패널이
전부 맡는다. 쇼츠·만화·퀴즈 세 폼이 같은 컴포넌트를 쓴다.

Co-Authored-By: Claude Opus 5
@336a94407072fae01aaad656bc1579e870615740
bd31b63
336a944
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
@@ -3,7 +3,7 @@
 
 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;
@@ -11,7 +11,7 @@
 
   pending: boolean;
 
 }
 
 
-/** 폼 하단의 [목록] [등록/수정]. 시안이 가운데 정렬이다. */
 
+/** 폼 하단의 [목록] [등록/수정] — 시안 btn-page(5402:12368). 그룹이 하나라 패널이 가운데 세운다. */
 
 export function ContentFormActions({
 
   submitLabel,
 
   listHref,
@@ -20,22 +20,22 @@
 
   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>
 
   );
 
 }
bd31b63
336a944
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
@@ -86,12 +86,6 @@
 
   color: fox.color(font-neutral-subtle);
 
 }
 
 
-.actions {
 
-  display: flex;
 
-  justify-content: center;
 
-  padding-block-start: fox.padding(8);
 
-}
 
-
 
 .thumbnail {
 
   display: flex;
 
   align-items: flex-start;
Add a comment
List