🎨 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:
@@ -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) => (
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user