This commit is contained in:
zxhlyh 2025-07-16 16:00:53 +08:00
parent 75d8cb4978
commit 25e0013db9
3 changed files with 42 additions and 34 deletions

View File

@ -82,36 +82,40 @@ const Modal = ({
<div className='px-6 py-3'>{children}</div>
)
}
<div className='flex items-center justify-end p-6 pt-5'>
{footerSlot}
{
showExtraButton && (
<>
<Button
variant={extraButtonVariant}
onClick={onExtraButtonClick}
disabled={disabled}
>
{extraButtonText || t('common.operation.remove')}
</Button>
<div className='mx-3 h-4 w-[1px] bg-divider-regular'></div>
</>
)
}
<Button
onClick={onCancel}
disabled={disabled}
>
{cancelButtonText || t('common.operation.cancel')}
</Button>
<Button
className='ml-2'
variant='primary'
onClick={onConfirm}
disabled={disabled}
>
{confirmButtonText || t('common.operation.save')}
</Button>
<div className='flex justify-between p-6 pt-5'>
<div>
{footerSlot}
</div>
<div className='flex items-center'>
{
showExtraButton && (
<>
<Button
variant={extraButtonVariant}
onClick={onExtraButtonClick}
disabled={disabled}
>
{extraButtonText || t('common.operation.remove')}
</Button>
<div className='mx-3 h-4 w-[1px] bg-divider-regular'></div>
</>
)
}
<Button
onClick={onCancel}
disabled={disabled}
>
{cancelButtonText || t('common.operation.cancel')}
</Button>
<Button
className='ml-2'
variant='primary'
onClick={onConfirm}
disabled={disabled}
>
{confirmButtonText || t('common.operation.save')}
</Button>
</div>
</div>
{bottomSlot}
</div>

View File

@ -127,11 +127,13 @@ const ApiKeyModal = ({
footerSlot={
helpField && (
<a
className='system-xs-regular flex h-8 grow items-center text-text-accent'
className='system-xs-regular mr-2 flex items-center py-2 text-text-accent'
href={helpField?.url}
target='_blank'
>
{renderI18nObject(helpField?.help as any)}
<span className='break-all'>
{renderI18nObject(helpField?.help as any)}
</span>
<RiExternalLinkLine className='ml-1 h-3 w-3' />
</a>
)

View File

@ -170,11 +170,13 @@ const OAuthClientSettings = ({
{
helpField && __oauth_client__ === 'custom' && (
<a
className='system-xs-regular mt-4 flex h-4 items-center text-text-accent'
className='system-xs-regular mt-4 flex items-center text-text-accent'
href={helpField?.url}
target='_blank'
>
{renderI18nObject(helpField?.help as any)}
<span className='break-all'>
{renderI18nObject(helpField?.help as any)}
</span>
<RiExternalLinkLine className='ml-1 h-3 w-3' />
</a>
)}