fix doc style (#1262)

This commit is contained in:
RickCole 2020-12-28 12:27:28 +08:00 committed by GitHub
parent 3c3b5a251d
commit 980f736aff
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 32 additions and 21 deletions

View File

@ -336,12 +336,14 @@ export class App extends React.PureComponent<{
</div> </div>
{docPage ? ( {docPage ? (
<div <>
className={`${theme.ns}Layout-searchBar ${ <div
docPage ? 'DocLayout-searchBar' : '' className={`${theme.ns}Layout-searchBar ${
} hidden-xs hidden-sm`} docPage ? 'DocLayout-searchBar' : ''
> } hidden-xs hidden-sm`}
<DocSearch theme={theme} /> >
<DocSearch theme={theme} />
</div>
<a <a
className="gh-icon" className="gh-icon"
href="https://github.com/baidu/amis" href="https://github.com/baidu/amis"
@ -349,7 +351,7 @@ export class App extends React.PureComponent<{
> >
<i className="fa fa-github" /> <i className="fa fa-github" />
</a> </a>
</div> </>
) : null} ) : null}
</> </>
); );

View File

@ -134,18 +134,17 @@ body {
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
} }
// .gh-icon { .gh-icon {
// position: fixed; position: fixed;
// right: 15px; right: 20px;
// top: 15px; top: 15px;
// font-size: 22px; font-size: 22px;
// padding: 0 10px; color: #333;
// color: #333;
// &:hover { &:hover {
// color: #333; color: #333;
// } }
// } }
} }
&-brandBar, &-brandBar,
@ -201,11 +200,14 @@ body {
} }
&-searchBar { &-searchBar {
width: 55px; // width: 1px;
align-self: center; // align-self: center;
padding-left: 10px; // padding-left: 10px;
> a { > a {
position: absolute;
top: 20px;
left: 20px;
cursor: pointer; cursor: pointer;
color: #666; color: #666;
@ -825,6 +827,9 @@ body {
width: 220px; width: 220px;
position: fixed; position: fixed;
} }
&-searchBar {
width: 120px;
}
&-searchBar > div { &-searchBar > div {
width: 220px; width: 220px;
@ -862,6 +867,10 @@ body {
margin-left: -220px; margin-left: -220px;
} }
} }
&-searchBar {
width: 1px;
}
} }
} }
} }