docs: perf mobile view with fix top position

pull/90/head
moonrailgun 2 years ago
parent 1a4ac522c7
commit f4ae60512a

@ -12,10 +12,12 @@
.title { .title {
display: flex; display: flex;
position: sticky; position: sticky;
top: var(--ifm-navbar-height); top: 0;
background-color: var(--ifm-background-color); background-color: var(--ifm-background-color);
z-index: 20; z-index: 20;
margin-top: -1rem; margin-top: -1rem;
margin-left: -1px;
margin-right: -1px; // fix 1px problem in mobile
gap: 1.5rem; gap: 1.5rem;
padding-bottom: 1.5rem; padding-bottom: 1.5rem;
padding-top: 1.5rem; padding-top: 1.5rem;
@ -23,6 +25,7 @@
flex-direction: column; flex-direction: column;
@media (min-width: 997px) { @media (min-width: 997px) {
top: var(--ifm-navbar-height);
height: 5rem; height: 5rem;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;

Loading…
Cancel
Save