品牌化重构: StreamCore + 现代UI主题 + 英文界面

- 移除所有emoji (HomePage中的🎬改为VideoCameraOutlined图标)
- 主题重设计: 深蓝色系主色(#1E3A5F),系统sans-serif字体
  白色/浅灰背景,现代卡片阴影和圆角,完全去除复古感
- 首页移除管理入口,纯观众视角(渐变横幅+卡片列表)
- 统一品牌名称 StreamCore (替换LiveStream)
- 全部界面英文(antd默认locale,去除zhCN)
- 登录页渐变+卡片居中布局
This commit is contained in:
admin committed 2026-08-10 14:40:58 +08:00
1 parent b81a7bf293
commit 5f19fc6aa5
14 files changed
+253 -225

No files matched your search

+17 -11
View File
@@ -15,11 +15,11 @@ const { Sider, Content, Header } = Layout
const { Text } = Typography
const menuItems = [
{ key: '/admin', icon: <DashboardOutlined />, label: '概览' },
{ key: '/admin/streams', icon: <VideoCameraOutlined />, label: '直播列表' },
{ key: '/admin/streams/new', icon: <PlusOutlined />, label: '创建直播' },
{ key: '/admin/nodes', icon: <CloudServerOutlined />, label: '边缘节点' },
{ key: '/admin/settings', icon: <SettingOutlined />, label: '系统设置' },
{ key: '/admin', icon: <DashboardOutlined />, label: 'Dashboard' },
{ key: '/admin/streams', icon: <VideoCameraOutlined />, label: 'Streams' },
{ key: '/admin/streams/new', icon: <PlusOutlined />, label: 'New Stream' },
{ key: '/admin/nodes', icon: <CloudServerOutlined />, label: 'Nodes' },
{ key: '/admin/settings', icon: <SettingOutlined />, label: 'Settings' },
]
export default function AdminLayout() {
@@ -44,7 +44,7 @@ export default function AdminLayout() {
onCollapse={setCollapsed}
width={220}
style={{
borderRight: '1px solid #E8E4DD',
borderRight: '1px solid #E8ECF1',
background: '#FFFFFF',
}}
>
@@ -53,10 +53,16 @@ export default function AdminLayout() {
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
borderBottom: '1px solid #E8E4DD',
borderBottom: '1px solid #E8ECF1',
background: '#1E3A5F',
color: '#FFFFFF',
}}>
<Text strong style={{ fontSize: collapsed ? 14 : 18, letterSpacing: -0.5 }}>
{collapsed ? 'LS' : 'LiveStream'}
<Text strong style={{
fontSize: collapsed ? 14 : 18,
letterSpacing: -0.5,
color: '#FFFFFF',
}}>
{collapsed ? 'SC' : 'StreamCore'}
</Text>
</div>
<Menu
@@ -70,7 +76,7 @@ export default function AdminLayout() {
<Layout>
<Header style={{
background: '#FFFFFF',
borderBottom: '1px solid #E8E4DD',
borderBottom: '1px solid #E8ECF1',
display: 'flex',
justifyContent: 'flex-end',
alignItems: 'center',
@@ -81,7 +87,7 @@ export default function AdminLayout() {
icon={<LogoutOutlined />}
onClick={handleLogout}
>
退出登录
Logout
</Button>
</Header>
<Content style={{ padding: 32, overflow: 'auto' }}>