Add system pages (Editor, Home, Examples) to documentation menu
Co-authored-by: davidmonterocrespo24 <47928504+davidmonterocrespo24@users.noreply.github.com>pull/23/head
parent
07ff730bfb
commit
d5e981bcf1
|
|
@ -197,6 +197,20 @@
|
||||||
padding: 16px 20px 0;
|
padding: 16px 20px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.docs-sidebar-divider {
|
||||||
|
margin: 16px 20px;
|
||||||
|
border-top: 1px solid var(--border);
|
||||||
|
}
|
||||||
|
|
||||||
|
.docs-sidebar-title--pages {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.docs-sidebar-link {
|
||||||
|
display: block;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
.docs-sidebar-gh {
|
.docs-sidebar-gh {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
||||||
|
|
@ -478,6 +478,7 @@ export const DocsPage: React.FC = () => {
|
||||||
<span className="docs-nav-divider">/</span>
|
<span className="docs-nav-divider">/</span>
|
||||||
<span className="docs-nav-section">Docs</span>
|
<span className="docs-nav-section">Docs</span>
|
||||||
<div className="docs-nav-links">
|
<div className="docs-nav-links">
|
||||||
|
<Link to="/" className="docs-nav-link">Home</Link>
|
||||||
<Link to="/examples" className="docs-nav-link">Examples</Link>
|
<Link to="/examples" className="docs-nav-link">Examples</Link>
|
||||||
<Link to="/editor" className="docs-nav-link">Editor</Link>
|
<Link to="/editor" className="docs-nav-link">Editor</Link>
|
||||||
<a href={GITHUB_URL} target="_blank" rel="noopener noreferrer" className="docs-nav-link">
|
<a href={GITHUB_URL} target="_blank" rel="noopener noreferrer" className="docs-nav-link">
|
||||||
|
|
@ -517,6 +518,13 @@ export const DocsPage: React.FC = () => {
|
||||||
</button>
|
</button>
|
||||||
))}
|
))}
|
||||||
</nav>
|
</nav>
|
||||||
|
<div className="docs-sidebar-divider" />
|
||||||
|
<div className="docs-sidebar-title docs-sidebar-title--pages">Pages</div>
|
||||||
|
<nav className="docs-sidebar-nav">
|
||||||
|
<Link to="/" className="docs-sidebar-item docs-sidebar-link" onClick={() => setSidebarOpen(false)}>Home</Link>
|
||||||
|
<Link to="/editor" className="docs-sidebar-item docs-sidebar-link" onClick={() => setSidebarOpen(false)}>Editor</Link>
|
||||||
|
<Link to="/examples" className="docs-sidebar-item docs-sidebar-link" onClick={() => setSidebarOpen(false)}>Examples</Link>
|
||||||
|
</nav>
|
||||||
<div className="docs-sidebar-footer">
|
<div className="docs-sidebar-footer">
|
||||||
<a href={GITHUB_URL} target="_blank" rel="noopener noreferrer" className="docs-sidebar-gh">
|
<a href={GITHUB_URL} target="_blank" rel="noopener noreferrer" className="docs-sidebar-gh">
|
||||||
<IcoGitHub /> View on GitHub
|
<IcoGitHub /> View on GitHub
|
||||||
|
|
|
||||||
|
|
@ -420,6 +420,7 @@ export const LandingPage: React.FC = () => {
|
||||||
<a href={GITHUB_URL} target="_blank" rel="noopener noreferrer" className="nav-link">
|
<a href={GITHUB_URL} target="_blank" rel="noopener noreferrer" className="nav-link">
|
||||||
<IcoGitHub /> GitHub
|
<IcoGitHub /> GitHub
|
||||||
</a>
|
</a>
|
||||||
|
<Link to="/docs" className="nav-link">Docs</Link>
|
||||||
<Link to="/examples" className="nav-link">Examples</Link>
|
<Link to="/examples" className="nav-link">Examples</Link>
|
||||||
{isLoading ? (
|
{isLoading ? (
|
||||||
<div className="nav-auth-skeleton" />
|
<div className="nav-auth-skeleton" />
|
||||||
|
|
@ -564,6 +565,7 @@ export const LandingPage: React.FC = () => {
|
||||||
</div>
|
</div>
|
||||||
<div className="footer-links">
|
<div className="footer-links">
|
||||||
<a href={GITHUB_URL} target="_blank" rel="noopener noreferrer">GitHub</a>
|
<a href={GITHUB_URL} target="_blank" rel="noopener noreferrer">GitHub</a>
|
||||||
|
<Link to="/docs">Docs</Link>
|
||||||
<Link to="/examples">Examples</Link>
|
<Link to="/examples">Examples</Link>
|
||||||
<Link to="/editor">Editor</Link>
|
<Link to="/editor">Editor</Link>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue