moved all css files to module files to seperate into namespaces and prevent name overlaps

This commit is contained in:
2020-07-08 00:14:08 +02:00
parent afae31618c
commit 720c218a11
18 changed files with 72 additions and 68 deletions

View File

@ -1,12 +1,28 @@
import React from "react";
import "./SideBar.css"
import style from "./SideBar.module.css"
class SideBar extends React.Component {
render() {
return (<div className='sideinfo'>
return (<div className={style.sideinfo}>
{this.props.children}
</div>);
}
}
export class SideBarTitle extends React.Component {
render() {
return (
<div className={style.sidebartitle}>{this.props.children}</div>
);
}
}
export class SideBarItem extends React.Component {
render() {
return (
<div className={style.sidebarinfo}>{this.props.children}</div>
);
}
}
export default SideBar;