albert/qmining-page
1
0
Fork 0
mirror of https://gitlab.com/MrFry/qmining-page synced 2025-04-01 20:23:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Sidebar links changes, getstaticprops tries

Browse source
This commit is contained in:
mrfry 2020-12-21 10:22:50 +01:00
parent a13fee6f84
commit c6ba225fd8
8 changed files with 2193 additions and 4508 deletions
Download patch file Download diff file Expand all files Collapse all files

45
src/components/layout.js
View file

@ -43,27 +43,30 @@ export default function Layout(props) {
<div className="sidebarheader">Frylabs</div>
</div>
{sidebarOpen ? (
<div id="sideBarLinks">
{Object.keys(tabs).map((key) => {
const item = tabs[key]
return (
<Link href={item.href} key={key}>
<a
onClick={closeSideBar}
className={href.includes(key) ? 'active' : undefined}
id={item.id || undefined}
>
{item.text}
</a>
</Link>
)
})}
<Link href={`/donate`}>
<a className="donate" onClick={closeSideBar} target="_blank">
Donate
</a>
</Link>
</div>
<>
<div id="sideBarLinks">
{Object.keys(tabs).map((key) => {
const item = tabs[key]
return (
<Link href={item.href} key={key}>
<a
onClick={closeSideBar}
className={href.includes(key) ? 'active' : undefined}
id={item.id || undefined}
>
{item.text}
</a>
</Link>
)
})}
<Link href={`/donate`}>
<a className="donate" onClick={closeSideBar} target="_blank">
Donate
</a>
</Link>
</div>
<div className="userInfo">User # TODO</div>
</>
) : null}
</div>
<div className="content">{props.children}</div>

2
src/components/sidebar.js
View file

@ -12,7 +12,7 @@ export default function Sidebar(props) {
onClose()
}}
>
{'>'}
{'⏩'}
</div>
<div className={styles.content}>{props.children}</div>
</div>

4
src/components/sidebar.module.css
View file

@ -12,12 +12,14 @@
}
.closeBorder {
padding: 5px;
font-size: 14px;
padding: 2px;
cursor: pointer;
display: flex;
flex-flow: column;
justify-content: center;
color: white;
background-color: #222;
}
.closeBorder:hover {