jyapayne/dify
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Feat: dataset dark mode (#17993)

Browse source
This commit is contained in:
KVOJJJin 2025-04-14 15:45:23 +08:00 • committed by GitHub
commit ed63fbaf9a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
14 changed files with 38 additions and 83 deletions
Download patch file Download diff file Expand all files Collapse all files

2
web/app/components/datasets/create/file-preview/index.module.css
View file

@ -29,7 +29,7 @@
.previewContent .loading {
width: 100%;
height: 180px;
background: #f9fafb center no-repeat url(../assets/Loading.svg);
background: transparent center no-repeat url(../assets/Loading.svg);
background-size: contain;
}

3
web/app/components/datasets/create/file-preview/index.tsx
View file

@ -2,6 +2,7 @@
import React, { useEffect, useState } from 'react'
import { useTranslation } from 'react-i18next'
import { XMarkIcon } from '@heroicons/react/20/solid'
import Loading from '@/app/components/base/loading'
import s from './index.module.css'
import cn from '@/utils/classnames'
import type { CustomFile as File } from '@/models/datasets'
@ -57,7 +58,7 @@ const FilePreview = ({
</div>
</div>
<div className={cn(s.previewContent)}>
{loading && <div className={cn(s.loading)} />}
{loading && <Loading type='area' />}
{!loading && (
<div className={cn(s.fileContent, 'body-md-regular')}>{previewContent}</div>
)}