初始化

wwf

2 天以前 a430284aa21e3ae1f0d5654e55b2ad2852519cc2

 app/components/base/features/new-feature-panel/image-upload/index.tsx

@@ -50,8 +50,8 @@
  return (
    <FeatureCard
      icon={
        <div className='shrink-0 rounded-lg border-[0.5px] border-divider-subtle bg-util-colors-indigo-indigo-600 p-1 shadow-xs'>
          <RiImage2Fill className='h-4 w-4 text-text-primary-on-surface' />
        <div className='shrink-0 p-1 rounded-lg border-[0.5px] border-divider-subtle shadow-xs bg-util-colors-indigo-indigo-600'>
          <RiImage2Fill className='w-4 h-4 text-text-primary-on-surface' />
        </div>
      }
      title={
@@ -59,7 +59,7 @@
          {t('appDebug.feature.imageUpload.title')}
          <Badge
            text='LEGACY'
            className='mx-1 shrink-0 border-text-accent-secondary text-text-accent-secondary'
            className='shrink-0 mx-1 border-text-accent-secondary text-text-accent-secondary'
          />
        </div>
      }
@@ -71,20 +71,20 @@
    >
      <>
        {!file?.enabled && (
          <div className='system-xs-regular line-clamp-2 min-h-8 text-text-tertiary'>{t('appDebug.feature.imageUpload.description')}</div>
          <div className='min-h-8 text-text-tertiary system-xs-regular line-clamp-2'>{t('appDebug.feature.imageUpload.description')}</div>
        )}
        {file?.enabled && (
          <>
            {!isHovering && !modalOpen && (
              <div className='flex items-center gap-4 pt-0.5'>
              <div className='pt-0.5 flex items-center gap-4'>
                <div className=''>
                  <div className='system-2xs-medium-uppercase mb-0.5 text-text-tertiary'>{t('appDebug.feature.imageUpload.supportedTypes')}</div>
                  <div className='system-xs-regular text-text-secondary'>{supportedTypes}</div>
                  <div className='mb-0.5 text-text-tertiary system-2xs-medium-uppercase'>{t('appDebug.feature.imageUpload.supportedTypes')}</div>
                  <div className='text-text-secondary system-xs-regular'>{supportedTypes}</div>
                </div>
                <div className='h-[27px] w-px rotate-12 bg-divider-subtle'></div>
                <div className='w-px h-[27px] bg-divider-subtle rotate-12'></div>
                <div className=''>
                  <div className='system-2xs-medium-uppercase mb-0.5 text-text-tertiary'>{t('appDebug.feature.imageUpload.numberLimit')}</div>
                  <div className='system-xs-regular text-text-secondary'>{file?.number_limits}</div>
                  <div className='mb-0.5 text-text-tertiary system-2xs-medium-uppercase'>{t('appDebug.feature.imageUpload.numberLimit')}</div>
                  <div className='text-text-secondary system-xs-regular'>{file?.number_limits}</div>
                </div>
              </div>
            )}
@@ -99,7 +99,7 @@
                onChange={onChange}
              >
                <Button className='w-full' disabled={disabled}>
                  <RiEqualizer2Line className='mr-1 h-4 w-4' />
                  <RiEqualizer2Line className='mr-1 w-4 h-4' />
                  {t('common.operation.settings')}
                </Button>
              </SettingModal>