diff --git a/packages/smarthr-ui/src/components/Dialog/FormDialog/FormDialogContentInner.tsx b/packages/smarthr-ui/src/components/Dialog/FormDialog/FormDialogContentInner.tsx index 4e901692b3..9385981a13 100644 --- a/packages/smarthr-ui/src/components/Dialog/FormDialog/FormDialogContentInner.tsx +++ b/packages/smarthr-ui/src/components/Dialog/FormDialog/FormDialogContentInner.tsx @@ -51,10 +51,7 @@ const formDialogContentInner = tv({ extend: dialogContentInner, slots: { // 領域を狭くしたときにwrapperも縮むようにflexを使用 - wrapper: 'shr-flex shr-flex-col', - // 領域を狭くしたときにwrapperも縮むようにflexを使用 - form: 'shr-overflow-y-auto shr-flex-auto shr-flex shr-flex-col', - contentWrapper: 'shr-overflow-y-auto shr-flex-auto', + form: 'shr-contents', }, }) @@ -88,19 +85,16 @@ export const FormDialogContentInner: FC = ({ ) const isRequestProcessing = responseMessage && responseMessage.status === 'processing' - const { form, contentWrapper, wrapper, actionArea, buttonArea, message } = - formDialogContentInner() + const { form, wrapper, actionArea, buttonArea, message } = formDialogContentInner() return ( - // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content, smarthr/a11y-prohibit-sectioning-content-in-form -
+ // eslint-disable-next-line smarthr/best-practice-for-layouts, smarthr/a11y-heading-in-sectioning-content +
-
- - {children} - -
+ + {children} + {subActionArea} @@ -132,6 +126,6 @@ export const FormDialogContentInner: FC = ({ )}
-
+ ) }