样式和logo
This commit is contained in:
parent
8cdb205f53
commit
c229d21de3
|
@ -23,6 +23,9 @@ import classnames from 'classnames';
|
||||||
import Doc, {docs} from './Doc';
|
import Doc, {docs} from './Doc';
|
||||||
import Example, {examples} from './Example';
|
import Example, {examples} from './Example';
|
||||||
|
|
||||||
|
// @ts-ignore
|
||||||
|
import Logo from '../static/logo.svg';
|
||||||
|
|
||||||
let ExamplePathPrefix = '/examples';
|
let ExamplePathPrefix = '/examples';
|
||||||
let DocPathPrefix = '/docs';
|
let DocPathPrefix = '/docs';
|
||||||
let ContextPath = '';
|
let ContextPath = '';
|
||||||
|
@ -226,8 +229,7 @@ export class App extends React.PureComponent {
|
||||||
|
|
||||||
<div className={`${theme.ns}Layout-brand`}>
|
<div className={`${theme.ns}Layout-brand`}>
|
||||||
<Link to={`${ContextPath}/docs`}>
|
<Link to={`${ContextPath}/docs`}>
|
||||||
{/* <i className="fa fa-paw" /> */}
|
<div className="logo"></div>
|
||||||
<span className="hidden-folded m-l-sm">AMIS</span>
|
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -280,7 +282,7 @@ export class App extends React.PureComponent {
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={`${theme.ns}Layout-searchBar`}>
|
<div className={`${theme.ns}Layout-searchBar hidden-xs hidden-sm`}>
|
||||||
<DocSearch theme={this.state.theme.value} />
|
<DocSearch theme={this.state.theme.value} />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -363,7 +365,7 @@ export class App extends React.PureComponent {
|
||||||
<AlertComponent theme={theme.value} locale={this.state.locale} />
|
<AlertComponent theme={theme.value} locale={this.state.locale} />
|
||||||
|
|
||||||
<div className="Doc">
|
<div className="Doc">
|
||||||
<div className="Doc-nav">
|
<div className="Doc-nav hidden-xs hidden-sm">
|
||||||
<div className="Doc-navigation">
|
<div className="Doc-navigation">
|
||||||
{navigations.map(item => (
|
{navigations.map(item => (
|
||||||
<div className="Doc-navigationGroup" key={item.label}>
|
<div className="Doc-navigationGroup" key={item.label}>
|
||||||
|
|
|
@ -252,7 +252,7 @@ export default function (doc) {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{doc.toc && doc.toc.children && doc.toc.children.length > 1 ? (
|
{doc.toc && doc.toc.children && doc.toc.children.length > 1 ? (
|
||||||
<div className="Doc-toc">
|
<div className="Doc-toc hidden-xs hidden-sm">
|
||||||
<div>
|
<div>
|
||||||
<div className="Doc-headingList">
|
<div className="Doc-headingList">
|
||||||
{this.renderHeading(doc.toc.children)}
|
{this.renderHeading(doc.toc.children)}
|
||||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 6.4 KiB After Width: | Height: | Size: 4.5 KiB |
|
@ -161,11 +161,14 @@ a {
|
||||||
height: 64px;
|
height: 64px;
|
||||||
line-height: 64px;
|
line-height: 64px;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
padding: 0;
|
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
width: 200px;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
i {
|
.logo {
|
||||||
color: #108cee;
|
background: url('./static/logo.png') left/contain no-repeat;
|
||||||
|
height: 40px;
|
||||||
|
margin-top: 12px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue