11import * as React from 'react'
22import * as T from 'typings'
33import * as TT from 'typings/tutorial'
4- import { Button , Drawer } from '@alifd/next'
4+ import { Drawer } from '@alifd/next'
55import * as selectors from '../../services/selectors'
66import Level from './components/Level'
77import Icon from '../../components/Icon'
@@ -10,12 +10,15 @@ const styles = {
1010 header: {
1111 display: 'flex' as 'flex',
1212 alignItems: 'center',
13- justifyContent :'space-between ' ,
13+ justifyContent: 'flex-start ',
1414 height: '2rem',
1515 backgroundColor: '#EBEBEB',
1616 fontSize: '1rem',
1717 lineHeight: '1rem',
18- padding :'10px 1rem' ,
18+ padding: '10px 0.4rem',
19+ },
20+ title: {
21+ marginLeft: '0.5rem',
1922 },
2023 learn: {
2124 textDecoration: 'none',
@@ -65,10 +68,10 @@ const TutorialPage = (props: PageProps) => {
6568 return (
6669 <div>
6770 <div css={styles.header}>
68- < Button onClick = { ( ) => setMenuVisible ( ! menuVisible ) } >
69- < Icon type = "menu " />
70- </ Button >
71- { tutorial . summary . title }
71+ <a onClick={() => setMenuVisible(!menuVisible)}>
72+ <Icon type="toggle-left" size="small " />
73+ </a >
74+ <span css={styles.title}>{ tutorial.summary.title}</span>
7275 </div>
7376 <Level
7477 tutorial={tutorial}