ConceptProd/ConceptPortal-public
1
0
Fork 0
mirror of https://github.com/IRBorisov/ConceptPortal.git synced 2025-06-25 20:40:36 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

B: Fix modal layout

Browse Source
This commit is contained in:
Ivan 2025-03-11 12:56:58 +03:00
parent e181191e43
commit 76df3c433e
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
rsconcept/frontend/src/components/Modal/ModalForm.tsx
View File

@ -90,7 +90,7 @@ export function ModalForm({
<div className='cc-modal-wrapper'>
<ModalBackdrop onHide={handleCancel} />
<form
className='cc-animate-modal grid border rounded-xl bg-prim-100'
className='cc-animate-modal relative grid border rounded-xl bg-prim-100'
role='dialog'
onSubmit={handleSubmit}
aria-labelledby='modal-title'
@ -98,7 +98,7 @@ export function ModalForm({
{helpTopic && !hideHelpWhen?.() ? (
<BadgeHelp
topic={helpTopic}
className='absolute z-pop left-0 mt-2 ml-2'
className='absolute z-top top-2 left-2'
padding='p-0'
contentClass='sm:max-w-160'
/>
@ -109,7 +109,7 @@ export function ModalForm({
aria-label='Закрыть'
titleHtml={prepareTooltip('Закрыть диалоговое окно', 'ESC')}
icon={<IconClose size='1.25rem' />}
className='absolute z-pop right-0 mt-2 mr-2'
className='absolute z-pop top-2 right-2'
onClick={hideDialog}
/>

6
rsconcept/frontend/src/components/Modal/ModalView.tsx
View File

@ -34,11 +34,11 @@ export function ModalView({
return (
<div className='cc-modal-wrapper'>
<ModalBackdrop onHide={hideDialog} />
<div className='cc-animate-modal grid border rounded-xl bg-prim-100' role='dialog'>
<div className='cc-animate-modal relative grid border rounded-xl bg-prim-100' role='dialog'>
{helpTopic && !hideHelpWhen?.() ? (
<BadgeHelp
topic={helpTopic}
className='absolute z-pop left-0 mt-2 ml-2'
className='absolute z-pop top-2 left-2'
padding='p-0'
contentClass='sm:max-w-160'
/>
@ -49,7 +49,7 @@ export function ModalView({
aria-label='Закрыть'
titleHtml={prepareTooltip('Закрыть диалоговое окно', 'ESC')}
icon={<IconClose size='1.25rem' />}
className='absolute z-pop right-0 mt-2 mr-2'
className='absolute z-pop top-2 right-2'
onClick={hideDialog}
/>