| | |
| | | > |
| | | <PortalToFollowElemTrigger onClick={handleToggle}> |
| | | <div className={` |
| | | relative flex h-8 items-center justify-center rounded-lg bg-components-button-tertiary-bg px-3 text-xs text-text-tertiary hover:bg-components-button-tertiary-bg-hover |
| | | relative flex items-center justify-center px-3 h-8 bg-gray-100 hover:bg-gray-200 text-xs text-gray-500 rounded-lg |
| | | ${disabled ? 'cursor-not-allowed' : 'cursor-pointer'} |
| | | `}> |
| | | <Link03 className='mr-2 h-4 w-4' /> |
| | | <Link03 className='mr-2 w-4 h-4' /> |
| | | {t('common.imageUploader.pasteImageLink')} |
| | | </div> |
| | | </PortalToFollowElemTrigger> |
| | | <PortalToFollowElemContent className='z-10'> |
| | | <div className='w-[320px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg p-2 shadow-lg'> |
| | | <div className='p-2 w-[320px] bg-white border-[0.5px] border-gray-200 rounded-lg shadow-lg'> |
| | | <ImageLinkInput onUpload={handleUpload} /> |
| | | </div> |
| | | </PortalToFollowElemContent> |
| | |
| | | { |
| | | hovering => ( |
| | | <div className={` |
| | | flex h-8 cursor-pointer items-center justify-center rounded-lg |
| | | bg-components-button-tertiary-bg px-3 text-xs text-text-tertiary |
| | | ${hovering && 'hover:bg-components-button-tertiary-bg-hover'} |
| | | flex items-center justify-center px-3 h-8 bg-gray-100 |
| | | text-xs text-gray-500 rounded-lg cursor-pointer |
| | | ${hovering && 'bg-gray-200'} |
| | | `}> |
| | | <ImagePlus className='mr-2 h-4 w-4' /> |
| | | <ImagePlus className='mr-2 w-4 h-4' /> |
| | | {t('common.imageUploader.uploadFromComputer')} |
| | | </div> |
| | | ) |