mirror of
https://github.com/infiniflow/ragflow.git
synced 2025-12-26 17:16:52 +08:00
e997bf6507
### What problem does this PR solve? Fix: Optimized the style and functionality of multiple components #3221 - Modified the SkeletonCard component, adding a className attribute and adjusting the style - Updated the RAGFlowSelect component, adding a disabled attribute - Adjusted the style of the Tooltip component - Optimized the layout of the RetrievalTesting and TestingResult pages - Updated the style and loading status display of NextSearch-related pages - Removed unnecessary logs from the Spotlight component ### Type of change - [x] Bug Fix (non-breaking change which fixes an issue)
32 lines
775 B
TypeScript
32 lines
775 B
TypeScript
import { useIsDarkTheme } from '@/components/theme-provider';
|
|
import React from 'react';
|
|
|
|
interface SpotlightProps {
|
|
className?: string;
|
|
}
|
|
|
|
const Spotlight: React.FC<SpotlightProps> = ({ className }) => {
|
|
const isDark = useIsDarkTheme();
|
|
return (
|
|
<div
|
|
className={`absolute inset-0 opacity-80 ${className} rounded-lg`}
|
|
style={{
|
|
backdropFilter: 'blur(30px)',
|
|
zIndex: -1,
|
|
}}
|
|
>
|
|
<div
|
|
className="absolute inset-0"
|
|
style={{
|
|
background: isDark
|
|
? 'radial-gradient(circle at 50% 190%, #fff4 0%, #fff0 60%)'
|
|
: 'radial-gradient(circle at 50% 190%, #E4F3FF 0%, #E4F3FF00 60%)',
|
|
pointerEvents: 'none',
|
|
}}
|
|
></div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Spotlight;
|