frishi/threetwo
1
0
Fork 0
Code Issues 9 Pull Requests 6 Actions Packages Projects Releases 2 Wiki Activity

🃏 Added a vertical settings menu scaffold

Browse Source
This commit is contained in:
Rishi Ghan
2021-09-06 23:01:44 -07:00
parent 3c58795286
commit f3d94f2a75
3 changed files with 48 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/client/components/Settings.tsx
View File

@@ -5,8 +5,50 @@ interface ISettingsProps {}
export const Settings = (props: ISettingsProps): ReactElement => {
return (
<section className="container">
<div className="section">
<h1 className="title">Settings</h1>
<div className="columns">
<div className="section column is-one-quarter">
<h1 className="title">Settings</h1>
<aside className="menu">
<p className="menu-label">General</p>
<ul className="menu-list">
<li>
<a>Dashboard</a>
</li>
<li>
<a>Customers</a>
</li>
</ul>
<p className="menu-label">Acquisition</p>
<ul className="menu-list">
<li>
<a className="is-active">AirDC++</a>
<ul>
<li>
<a>Connection</a>
</li>
<li>
<a>Hubs</a>
</li>
<li>
<a>Additional Configuration</a>
</li>
</ul>
</li>
</ul>
<p className="menu-label">ComicVine</p>
<ul className="menu-list">
<li>
<a>Payments</a>
</li>
<li>
<a>Transfers</a>
</li>
<li>
<a>Balance</a>
</li>
</ul>
</aside>
</div>
</div>
</section>
);