Skip to content

Commit ca45091

Browse files
committed
wip
1 parent 60d451b commit ca45091

File tree

2 files changed

+12
-6
lines changed

2 files changed

+12
-6
lines changed

src/Playground.res

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1342,24 +1342,29 @@ module App = {
13421342
let (count, setCount) = React.useState(() => 0)
13431343
let (username, setUsername) = React.useState(() => "Anonymous")
13441344
1345-
<div>
1345+
<div className="p-4">
13461346
{React.string("Username: ")}
13471347
<input
1348+
className="bg-gray-50 border border-gray-300 "
13481349
type_="text"
13491350
value={username}
1350-
onChange={evt => {
1351-
evt->ReactEvent.Form.preventDefault
1352-
let username = (evt->ReactEvent.Form.target)["value"]
1351+
onChange={event => {
1352+
event->ReactEvent.Form.preventDefault
1353+
let eventTarget = event->ReactEvent.Form.target
1354+
let username = eventTarget["value"]
13531355
setUsername(_prev => username)
13541356
}}
13551357
/>
13561358
<button
1359+
className="px-4 bg-blue-600 text-white"
13571360
onClick={_evt => {
13581361
setCount(prev => prev + 1)
13591362
}}>
13601363
{React.string("Click me")}
13611364
</button>
1362-
<button onClick={_evt => setCount(_ => 0)}> {React.string("Reset")} </button>
1365+
<button className="px-4 bg-blue-900 text-white" onClick={_evt => setCount(_ => 0)}>
1366+
{React.string("Reset")}
1367+
</button>
13631368
<CounterMessage count username />
13641369
</div>
13651370
}

src/common/EvalIFrame.res

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,9 @@ let srcDoc = `
1313
<title>Playground Output</title>
1414
<style>${css}</style>
1515
</head>
16-
<body>
16+
<body style="background-color:white;">
1717
<div id="root"></div>
18+
<script src="https://cdn.tailwindcss.com"></script>
1819
<script type="importmap">
1920
{
2021
"imports": {

0 commit comments

Comments
 (0)