ConceptProd/ConceptPortal-public
1
0
Fork 0
mirror of https://github.com/IRBorisov/ConceptPortal.git synced 2025-06-26 04:50:36 +03:00
Code Issues Actions 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'> <div className='cc-modal-wrapper'>
<ModalBackdrop onHide={handleCancel} /> <ModalBackdrop onHide={handleCancel} />
<form <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' role='dialog'
onSubmit={handleSubmit} onSubmit={handleSubmit}
aria-labelledby='modal-title' aria-labelledby='modal-title'
@ -98,7 +98,7 @@ export function ModalForm({
{helpTopic && !hideHelpWhen?.() ? ( {helpTopic && !hideHelpWhen?.() ? (
<BadgeHelp <BadgeHelp
topic={helpTopic} topic={helpTopic}
className='absolute z-pop left-0 mt-2 ml-2' className='absolute z-top top-2 left-2'
padding='p-0' padding='p-0'
contentClass='sm:max-w-160' contentClass='sm:max-w-160'
/> />
@ -109,7 +109,7 @@ export function ModalForm({
aria-label='Закрыть' aria-label='Закрыть'
titleHtml={prepareTooltip('Закрыть диалоговое окно', 'ESC')} titleHtml={prepareTooltip('Закрыть диалоговое окно', 'ESC')}
icon={<IconClose size='1.25rem' />} 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} onClick={hideDialog}
/> />

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

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