wip

LeoLeBras · LeoLeBras · commit ca450915a4b5 · 2025-02-11T22:00:57.000+01:00
diff --git a/src/Playground.res b/src/Playground.res
@@ -1342,24 +1342,29 @@ module App = {
     let (count, setCount) = React.useState(() => 0)
     let (username, setUsername) = React.useState(() => "Anonymous")
 
-    <div>
+    <div className="p-4">
       {React.string("Username: ")}
       <input
+        className="bg-gray-50 border border-gray-300 "
         type_="text"
         value={username}
-        onChange={evt => {
-          evt->ReactEvent.Form.preventDefault
-          let username = (evt->ReactEvent.Form.target)["value"]
+        onChange={event => {
+          event->ReactEvent.Form.preventDefault
+          let eventTarget = event->ReactEvent.Form.target
+          let username = eventTarget["value"]
           setUsername(_prev => username)
         }}
       />
       <button
+        className="px-4 bg-blue-600 text-white"
         onClick={_evt => {
           setCount(prev => prev + 1)
         }}>
         {React.string("Click me")}
       </button>
-      <button onClick={_evt => setCount(_ => 0)}> {React.string("Reset")} </button>
+      <button className="px-4 bg-blue-900 text-white" onClick={_evt => setCount(_ => 0)}>
+        {React.string("Reset")}
+      </button>
       <CounterMessage count username />
     </div>
   }
diff --git a/src/common/EvalIFrame.res b/src/common/EvalIFrame.res
@@ -13,8 +13,9 @@ let srcDoc = `
         <title>Playground Output</title>
         <style>${css}</style>
       </head>
-      <body>
+      <body style="background-color:white;">
         <div id="root"></div>
+        <script src="https://cdn.tailwindcss.com"></script>
         <script type="importmap">
           {
             "imports": {
