@ashxjs/split-view/lib/styles.js

Simple react split-view component with resizing divider

export const styles = {
    LeftPanel: {
        height: "100%",
        overflowY: "auto",
    },
    SplitView: {
        width: "100%",
        height: "100%",
        display: "flex",
        flexDirection: "row",
        alignItems: "flex-start",
    },
    DividerHitBox: {
        cursor: "col-resize",
        alignSelf: "stretch",
        display: "flex",
        alignItems: "center",
    },
    Divider: {
        width: "2px",
        height: "100%",
        border: "2px solid #e3e3e3",
    },
    RightPanel: {
        width: "100%",
        height: "100%",
    },
};