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

View File

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