Updated all basic components
removed unnecessary components, combined where necessary added each component to a folder, added individual css style modules optimized some component rendering flows removed functional components in favor of pure components linted and formatted all of the files
This commit is contained in:
20
app/javascript/gabsocial/components/column/index.js
Normal file
20
app/javascript/gabsocial/components/column/index.js
Normal file
@@ -0,0 +1,20 @@
|
||||
import './index.scss';
|
||||
|
||||
export default class Column extends PureComponent {
|
||||
|
||||
static propTypes = {
|
||||
children: PropTypes.node,
|
||||
label: PropTypes.string,
|
||||
};
|
||||
|
||||
render () {
|
||||
const { label, children } = this.props;
|
||||
|
||||
return (
|
||||
<div role='region' aria-label={label} className='column'>
|
||||
{children}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
}
|
||||
7
app/javascript/gabsocial/components/column/index.scss
Normal file
7
app/javascript/gabsocial/components/column/index.scss
Normal file
@@ -0,0 +1,7 @@
|
||||
.column {
|
||||
display: flex;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
flex-direction: column;
|
||||
width: 350px;
|
||||
}
|
||||
Reference in New Issue
Block a user