🎨 style: remove overly vibrant colors and simplify UI design

- Remove colorful gradient backgrounds from dashboard panel headers in Detail page
- Replace custom header styling with default Semi-UI card title styling
- Remove background images and gradient overlays from all authentication pages
- Simplify authentication page layouts with clean gray backgrounds
- Update title text colors from white to dark gray for better contrast
- Remove unnecessary z-index layering and complex positioning
- Clean up unused background image imports

This change creates a more professional and consistent visual appearance
across the application by removing distracting visual elements.
This commit is contained in:
Apple\Apple
2025-06-09 00:14:35 +08:00
parent 9dbfd1b0af
commit 587f420344
6 changed files with 15 additions and 73 deletions

View File

@@ -784,19 +784,7 @@ const Detail = (props) => {
bordered={false}
className={`${group.color} border-0 !rounded-2xl w-full`}
headerLine={true}
header={<div style={{ color: 'white', fontWeight: 'bold', fontSize: '16px' }}>{group.title}</div>}
headerStyle={{
background: idx === 0
? 'linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%)'
: idx === 1
? 'linear-gradient(135deg, #10b981 0%, #34d399 100%)'
: idx === 2
? 'linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%)'
: 'linear-gradient(135deg, #ec4899 0%, #f472b6 100%)',
borderTopLeftRadius: '16px',
borderTopRightRadius: '16px',
padding: '12px 16px',
}}
title={group.title}
>
<div className="space-y-4">
{group.items.map((item, itemIdx) => (

View File

@@ -133,7 +133,7 @@ const Setup = () => {
};
return (
<div className="min-h-screen bg-gray-50">
<div className="bg-gray-50">
<Layout>
<Layout.Content>
<div className="flex justify-center px-4 py-8">