JSFiddle - React, Tailwind, and code Playground

by jnbdz

HTML

<div id="selector">
    <!--<div id="n-resize"></div>
    <div id="ne-resize"></div>
    <div id="nw-resize"></div>
    <div id="s-resize"></div>-->
    <div id="se-resize"></div>
    <!--<div id="sw-resize"></div>
    <div id="e-resize"></div>
    <div id="w-resize"></div>-->
</div>
<div id="page-wrapper">
    <iframe src="http://google.com/"></iframe>
</div>

CSS

#selector {
    border: 1px solid #000;
    cursor: move;
}
#n-resize {
    cursor: n-resize;
}
#ne-resize {
    cursor: ne-resize;
}
#nw-resize {
    cursor: nw-resize;
}
#s-resize {
    cursor: s-resize;
}
#se-resize {
    cursor: se-resize;
}
#sw-resize {
    cursor: sw-resize;
}
#e-resize {
    cursor: e-resize;
}
#w-resize {
    cursor: w-resize;
}

JavaScript

window.addEvent('resize', function() {

    
    
});