website: fix navbar items overflowing

This commit is contained in:
Yangshun
2022-02-04 18:07:54 +08:00
parent 7ab3ab3a06
commit e23c75a7e6
2 changed files with 15 additions and 9 deletions

View File

@ -724,17 +724,17 @@ function SponsorshipSection() {
</p> </p>
<div className={styles.sectionTagline}> <div className={styles.sectionTagline}>
<div className="row"> <div className="row">
<div className="col col--4 col--offset-2"> <div className="col col--5 col--offset-1">
<ul> <ul className={styles.sponsorshipList}>
<li>Top banner of every page</li> <li> Top banner of every page</li>
<li>Homepage</li> <li> Homepage</li>
<li>Sidebar of every page</li> <li> Sidebar of every page</li>
</ul> </ul>
</div> </div>
<div className="col col--4"> <div className="col col--5">
<ul> <ul className={styles.sponsorshipList}>
<li>Navigation menu</li> <li> Navigation menu</li>
<li>Bottom of every page</li> <li> Bottom of every page</li>
</ul> </ul>
</div> </div>
</div> </div>

View File

@ -116,3 +116,9 @@ html[data-theme='light'] .sectionAlt2 {
.tweetMeta:hover { .tweetMeta:hover {
color: var(--ifm-color-emphasis-700); color: var(--ifm-color-emphasis-700);
} }
.sponsorshipList {
list-style-type: none;
margin-bottom: 0;
padding-left: 0;
}