change logo

This commit is contained in:
chenos 2020-12-22 09:38:05 +08:00
parent 98ae8a62a1
commit 29e63cc482
5 changed files with 6 additions and 2 deletions

View File

@ -5,13 +5,14 @@ import { history, Link, request, useModel } from 'umi';
import { UserOutlined, CodeOutlined } from '@ant-design/icons'; import { UserOutlined, CodeOutlined } from '@ant-design/icons';
import AvatarDropdown from '../AvatarDropdown'; import AvatarDropdown from '../AvatarDropdown';
import Menu from '@/components/menu'; import Menu from '@/components/menu';
import { ReactComponent as Logo } from './logo-white.svg';
export function TopMenuLayout(props: any) { export function TopMenuLayout(props: any) {
const { menu = [] } = props.page; const { menu = [] } = props.page;
return ( return (
<Layout style={{ height: '100vh' }}> <Layout style={{ height: '100vh' }}>
<Layout.Header style={{height: 48, lineHeight: '48px', padding: 0}} className="nb-header"> <Layout.Header style={{height: 48, lineHeight: '48px', padding: 0}} className="nb-header">
<div className="logo" style={{width: 200, height: 20, float: 'left'}}><CodeOutlined /> NocoBase</div> <div className="logo" style={{width: 200, height: 20, float: 'left'}}><Logo/></div>
<Menu hideChildren={true} items={menu} className={'noco-top-menu'} style={{float: 'left'}} theme="dark" mode="horizontal"> <Menu hideChildren={true} items={menu} className={'noco-top-menu'} style={{float: 'left'}} theme="dark" mode="horizontal">
</Menu> </Menu>
<AvatarDropdown/> <AvatarDropdown/>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,10 +1,10 @@
.logo { .logo {
// font-family: 'Michroma', sans-serif; // font-family: 'Michroma', sans-serif;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
padding-left: 28px;
font-size: 18px; font-size: 18px;
letter-spacing: 2px; letter-spacing: 2px;
font-weight: 300; font-weight: 300;
padding: 6px 20px 0 20px;
} }
body { body {