bowong
/
mixvideo-v2
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: apply correct stat-card color variants for proper visibility 

- Add primary, success, warning, purple color variants to stat cards
- Remove hover-glow class that was conflicting with stat-card styling
- Ensure white background with proper color decorations
- Fix black-on-black text visibility issue in statistics section
This commit is contained in:
imeepos 2025-07-17 13:30:18 +08:00
parent 87805fafce
commit 705f7626f5
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/desktop/src/components/ExportRecordManager.tsx
View File

@ -371,7 +371,7 @@ const ExportRecordManager: React.FC<ExportRecordManagerProps> = ({
{/* 统计信息 */} {/* 统计信息 */}
{statistics && ( {statistics && (
<div className={`grid ${compact ? 'grid-cols-2 md:grid-cols-4 gap-3' : 'grid-cols-2 md:grid-cols-4 gap-4'}`}> <div className={`grid ${compact ? 'grid-cols-2 md:grid-cols-4 gap-3' : 'grid-cols-2 md:grid-cols-4 gap-4'}`}>
<div className="stat-card hover-glow"> <div className="stat-card primary">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div> <div>
<div className={`${compact ? 'text-xl' : 'text-2xl'} font-bold text-primary-600`}> <div className={`${compact ? 'text-xl' : 'text-2xl'} font-bold text-primary-600`}>
@ -384,7 +384,7 @@ const ExportRecordManager: React.FC<ExportRecordManagerProps> = ({
</div> </div>
</div> </div>
</div> </div>
<div className="stat-card hover-glow"> <div className="stat-card success">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div> <div>
<div className={`${compact ? 'text-xl' : 'text-2xl'} font-bold text-green-600`}> <div className={`${compact ? 'text-xl' : 'text-2xl'} font-bold text-green-600`}>
@ -397,7 +397,7 @@ const ExportRecordManager: React.FC<ExportRecordManagerProps> = ({
</div> </div>
</div> </div>
</div> </div>
<div className="stat-card hover-glow"> <div className="stat-card warning">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div> <div>
<div className={`${compact ? 'text-xl' : 'text-2xl'} font-bold text-red-600`}> <div className={`${compact ? 'text-xl' : 'text-2xl'} font-bold text-red-600`}>
@ -410,7 +410,7 @@ const ExportRecordManager: React.FC<ExportRecordManagerProps> = ({
</div> </div>
</div> </div>
</div> </div>
<div className="stat-card hover-glow"> <div className="stat-card purple">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div> <div>
<div className={`${compact ? 'text-xl' : 'text-2xl'} font-bold text-purple-600`}> <div className={`${compact ? 'text-xl' : 'text-2xl'} font-bold text-purple-600`}>