Vertical divider would be nice

[benwiley4000]

As seen here:

I implemented something based on the existing divider component here:

const React = require('react');
const propTypes = require('prop-types');
const { themes } = require('react95');

const style = {
  width: 0,
  borderRight: `2px solid ${themes.default.borderLightest}`,
  borderLeft: `2px solid ${themes.default.borderDark}`,
  margin: 0,
  alignSelf: 'stretch',
  marginTop: -4,
  marginBottom: -4
};

const VerticalDivider = () => {
  return <div style={style} />;
};

module.exports = VerticalDivider;

The negative top/bottom margins are to account for the padding in the Toolbar component.

This is what it looks like:

[arturbien]

@benwiley4000 yes that would be great! can you make a pull request for that? if yes- please implement the VerticalDivider using styled-components instead of inline styles. You should be shown in the contributors list 🎉

[benwiley4000]

Hey @arturbien sorry for not getting back on this.. but I appreciate you implementing this feature thank you!

[arturbien]

@benwiley4000 no problem! I will try to add some more things before I release new version with updated <Divider />so be patient

[benwiley4000]

Thanks, let me know when you do release! I fixed my version of react95 for now because the 2px windowcontent width change will actually be a breaking change for me, since I already patched it locally.. haha.