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

Removed sidebar component

Browse source
This commit is contained in:
mrfry 2021-03-22 15:44:08 +01:00
parent df4fd775f3
commit d95fb364f9
2 changed files with 0 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/components/sidebar.js
View file

@ -1,20 +0,0 @@
import React from 'react'
import styles from './sidebar.module.css'
export default function Sidebar(props) {
const { onClose } = props
return (
<div className={styles.container}>
<div
className={styles.closeBorder}
onClick={() => {
onClose()
}}
>
{'⏩'}
</div>
<div className={styles.content}>{props.children}</div>
</div>
)
}

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

@ -1,31 +0,0 @@
.container {
background-color: var(--background-color);
border-left: 3px solid var(--text-color);
top: 0;
right: 0px;
height: 100%;
width: 400px;
max-width: 100%;
position: fixed;
display: flex;
}
.closeBorder {
font-size: 14px;
padding: 2px;
cursor: pointer;
display: flex;
flex-flow: column;
justify-content: center;
color: white;
background-color: #222;
}
.closeBorder:hover {
background-color: #333;
}
.content {
width: 100%;
}