fix: tailwind

Author: echarles

packages/lexical/src/examples/AppNbformat.tsx

@@ -126,20 +126,7 @@ export function AppNbformat() {
         </LexicalProvider>
       </Jupyter>
       <div className="other App">
-        <br/>
-        <a href="https://datalayer.io" target="_blank">
-          <ThreeBarsIcon/>
-        </a>
-        <h2>
-          copyright © <a href="https://datalayer.io" target="_blank">2022-2024 Datalayer, Inc.</a>
-        </h2>
-        <ul>
-          <li>
-            <a href="https://github.com/datalayer/jupyter-ui" target="_blank">Jupyter UI open-source repository</a>
-          </li>
-        </ul>
-      </div>
-        {/* Tailwind v4 Button - Pure Utility Classes */}
+        {/* Tailwind v4 Button - Using Tailwind Utility Classes */}
         <div className="flex flex-col items-center gap-4 my-8">
           <button 
             className="bg-blue-600 hover:bg-blue-800 text-white font-bold py-3 px-8 rounded-lg shadow-lg hover:shadow-xl transform hover:scale-105 transition duration-300 ease-in-out"
@@ -154,6 +141,19 @@ export function AppNbformat() {
             </span>
           </div>
         </div>
+        <br/>
+        <a href="https://datalayer.io" target="_blank">
+          <ThreeBarsIcon/>
+        </a>
+        <h2>
+          copyright © <a href="https://datalayer.io" target="_blank">2022-2024 Datalayer, Inc.</a>
+        </h2>
+        <ul>
+          <li>
+            <a href="https://github.com/datalayer/jupyter-ui" target="_blank">Jupyter UI open-source repository</a>
+          </li>
+        </ul>
+      </div>
     </>
   )
 }

packages/lexical/style/index.css

@@ -6,10 +6,10 @@
 
 @import "tailwindcss";
 
-/* Import base styles */
+ /* Import base styles */
 @import url("base.css");
 
-/* Import tailwind.css which now contains all the Tailwind v4 compatible styles */
+/* Import tailwind.css which contains custom components */
 @import url('tailwind.css');
 
 /* Custom base styles */

packages/lexical/style/tailwind.css

@@ -4,6 +4,9 @@
  * MIT License
  */
 
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
 
 @import url('./lexical/index.css');