38 lines
945 B
TypeScript
38 lines
945 B
TypeScript
/**
|
|
* KRA - Dashboard Banner Component
|
|
*/
|
|
import React from 'react';
|
|
import { Card } from 'antd';
|
|
import Logo from '@/components/Logo/Logo';
|
|
|
|
const Banner: React.FC = () => {
|
|
return (
|
|
<Card
|
|
className="kra-dashboard-card"
|
|
bodyStyle={{ padding: 0, height: '160px', overflow: 'hidden' }}
|
|
bordered={false}
|
|
>
|
|
<div style={{
|
|
height: '100%',
|
|
background: 'linear-gradient(135deg, #1890ff 0%, #722ed1 100%)',
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
color: '#fff',
|
|
padding: '24px',
|
|
}}>
|
|
<Logo size="large" />
|
|
<h3 style={{ margin: '12px 0 4px', fontSize: '18px', fontWeight: 600 }}>
|
|
Kratos Admin
|
|
</h3>
|
|
<p style={{ margin: 0, fontSize: '12px', opacity: 0.85 }}>
|
|
全栈管理平台
|
|
</p>
|
|
</div>
|
|
</Card>
|
|
);
|
|
};
|
|
|
|
export default Banner;
|