JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>

<div data-role="page"><div data-role="content"><a data-role="button" href="#dialog">Open Dialog</a></div></div>

<div data-role="dialog" id="dialog"><div data-role="header"><h1>Dialog</h1></div><div data-role="content"><p>Content</p></div></div>

CSS

.ui-mobile .ui-dialog {
    background : none !important;
    width      : 90% !important;
}