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 = {
1010header :{
1111display :'flex' as 'flex' ,
1212alignItems :'center' ,
13- justifyContent :'space-between ' ,
13+ justifyContent :'flex-start ' ,
1414height :'2rem' ,
1515backgroundColor :'#EBEBEB' ,
1616fontSize :'1rem' ,
1717lineHeight :'1rem' ,
18- padding :'10px 1rem' ,
18+ padding :'10px 0.4rem' ,
19+ } ,
20+ title :{
21+ marginLeft :'0.5rem' ,
1922} ,
2023learn :{
2124textDecoration :'none' ,
@@ -65,10 +68,10 @@ const TutorialPage = (props: PageProps) => {
6568return (
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
7477tutorial = { tutorial }