chore: docs

This commit is contained in:
mathuo 2022-05-31 20:04:37 +01:00
parent 3faf0ae6dc
commit 878452e9d3
No known key found for this signature in database
GPG Key ID: C6EEDEFD6CA07281
2 changed files with 31 additions and 1 deletions

View File

@ -25,3 +25,9 @@
flex-direction: row-reverse;
}
}
.homepage {
.button {
margin: 0px 20px;
}
}

View File

@ -34,7 +34,7 @@ function HomepageHeader2() {
const { siteConfig } = useDocusaurusContext();
return (
<header className={clsx('hero hero--primary', styles.heroBanner)}>
<div className="container">
<div className="container homepage">
<img src={useBaseUrl('/img/dockview_logo.svg')} />
<h1 className="hero__title">{siteConfig.title}</h1>
{/* <div className="badge-container">
@ -51,6 +51,12 @@ function HomepageHeader2() {
>
Get Started
</Link>
<Link
className="button button--secondary button--lg"
to={'#live-demo'}
>
Live Demo
</Link>
</div>
</div>
</header>
@ -67,6 +73,24 @@ export default function Home(): JSX.Element {
<HomepageHeader2 />
<main className="container">
<HomepageFeatures />
<div
id="live-demo"
style={{
height: '30px',
display: 'flex',
alignItems: 'center',
fontSize: '1.5em',
fontWeight: 'bold',
}}
>
<img
src={useBaseUrl('/img/dockview_logo.svg')}
height={30}
/>
<span style={{ paddingLeft: '8px' }}>
Dockview Live Demos
</span>
</div>
<DockviewDemo />
<DockviewDemo2 />
</main>