From a430284aa21e3ae1f0d5654e55b2ad2852519cc2 Mon Sep 17 00:00:00 2001
From: wwf <yearningwang@iqtogether.com>
Date: 星期三, 04 六月 2025 15:17:49 +0800
Subject: [PATCH] 初始化
---
app/components/app/duplicate-modal/index.tsx | 21 +++++++++------------
1 files changed, 9 insertions(+), 12 deletions(-)
diff --git a/app/components/app/duplicate-modal/index.tsx b/app/components/app/duplicate-modal/index.tsx
index f98fb83..bcad1c2 100644
--- a/app/components/app/duplicate-modal/index.tsx
+++ b/app/components/app/duplicate-modal/index.tsx
@@ -1,8 +1,8 @@
'use client'
import React, { useState } from 'react'
import { useTranslation } from 'react-i18next'
-import { RiCloseLine } from '@remixicon/react'
import AppIconPicker from '../../base/app-icon-picker'
+import s from './style.module.css'
import cn from '@/utils/classnames'
import Modal from '@/app/components/base/modal'
import Button from '@/app/components/base/button'
@@ -12,7 +12,6 @@
import { useProviderContext } from '@/context/provider-context'
import AppsFull from '@/app/components/billing/apps-full-in-dialog'
import type { AppIconType } from '@/types/app'
-import { noop } from 'lodash-es'
export type DuplicateAppModalProps = {
appName: string
@@ -72,15 +71,13 @@
<>
<Modal
isShow={show}
- onClose={noop}
- className={cn('relative !max-w-[480px]', 'px-8')}
+ onClose={() => { }}
+ className={cn(s.modal, '!max-w-[480px]', 'px-8')}
>
- <div className='absolute right-4 top-4 cursor-pointer p-2' onClick={onHide}>
- <RiCloseLine className='h-4 w-4 text-text-tertiary' />
- </div>
- <div className='relative mb-9 mt-3 text-xl font-semibold leading-[30px] text-text-primary'>{t('app.duplicateTitle')}</div>
- <div className='system-sm-regular mb-9 text-text-secondary'>
- <div className='system-md-medium mb-2'>{t('explore.appCustomize.subTitle')}</div>
+ <span className={s.close} onClick={onHide} />
+ <div className={s.title}>{t('app.duplicateTitle')}</div>
+ <div className={s.content}>
+ <div className={s.subTitle}>{t('explore.appCustomize.subTitle')}</div>
<div className='flex items-center justify-between space-x-2'>
<AppIcon
size='large'
@@ -97,10 +94,10 @@
className='h-10'
/>
</div>
- {isAppsFull && <AppsFull className='mt-4' loc='app-duplicate-create' />}
+ {isAppsFull && <AppsFull loc='app-duplicate-create' />}
</div>
<div className='flex flex-row-reverse'>
- <Button disabled={isAppsFull} className='ml-2 w-24' variant='primary' onClick={submit}>{t('app.duplicate')}</Button>
+ <Button disabled={isAppsFull} className='w-24 ml-2' variant='primary' onClick={submit}>{t('app.duplicate')}</Button>
<Button className='w-24' onClick={onHide}>{t('common.operation.cancel')}</Button>
</div>
</Modal>
--
Gitblit v1.8.0