remove cursor and padding

carlosabadia · carlosabadia · commit 4408b44fe6a9 · 2026-04-02T21:11:50.000+02:00
diff --git a/reflex/docs/ai_builder/app_lifecycle/copy_app.md b/reflex/docs/ai_builder/app_lifecycle/copy_app.md
@@ -12,10 +12,10 @@ def render_image():
     return rx.el.div(
         rx.image(
             src="https://web.reflex-assets.dev/ai_builder/app_lifecycle/copy_light.avif",
-            class_name="p-2 rounded-md h-auto",
+            class_name="rounded-md h-auto",
             border=f"0.81px solid {rx.color('slate', 5)}",
         ),
-        class_name="w-full flex flex-col rounded-md cursor-pointer",
+        class_name="w-full flex flex-col rounded-md",
     )
 ```
 
diff --git a/reflex/docs/ai_builder/app_lifecycle/deploy_app.md b/reflex/docs/ai_builder/app_lifecycle/deploy_app.md
@@ -18,10 +18,10 @@ def render_image():
     return rx.el.div(
         rx.image(
             src="https://web.reflex-assets.dev/ai_builder/app_lifecycle/deploy_light.avif",
-            class_name="p-2 rounded-md h-auto",
+            class_name="rounded-md h-auto",
             border=f"0.81px solid {rx.color('slate', 5)}",
         ),
-        class_name="w-full flex flex-col rounded-md cursor-pointer",
+        class_name="w-full flex flex-col rounded-md",
     )
 ```
 
diff --git a/reflex/docs/ai_builder/app_lifecycle/download_app.md b/reflex/docs/ai_builder/app_lifecycle/download_app.md
@@ -13,10 +13,10 @@ def render_image():
     return rx.el.div(
         rx.image(
             src="https://web.reflex-assets.dev/ai_builder/app_lifecycle/download_light.avif",
-            class_name="p-2 rounded-md h-auto",
+            class_name="rounded-md h-auto",
             border=f"0.81px solid {rx.color('slate', 5)}",
         ),
-        class_name="w-full flex flex-col rounded-md cursor-pointer",
+        class_name="w-full flex flex-col rounded-md",
     )
 ```
 
diff --git a/reflex/docs/ai_builder/app_lifecycle/fork_app.md b/reflex/docs/ai_builder/app_lifecycle/fork_app.md
@@ -10,10 +10,10 @@ import reflex as rx
 rx.el.div(
     rx.image(
         src="https://web.reflex-assets.dev/ai_builder/overview/fork_template_light.avif",
-        class_name="p-2 rounded-md h-auto",
+        class_name="rounded-md h-auto",
         border=f"0.81px solid {rx.color('slate', 5)}",
     ),
-    class_name="w-full flex flex-col rounded-md cursor-pointer",
+    class_name="w-full flex flex-col rounded-md",
 )
 ```
 
diff --git a/reflex/docs/ai_builder/app_lifecycle/general.md b/reflex/docs/ai_builder/app_lifecycle/general.md
@@ -11,10 +11,10 @@ def render_image():
     return rx.el.div(
         rx.image(
             src="https://web.reflex-assets.dev/ai_builder/app_lifecycle/general_light.avif",
-            class_name="p-2 rounded-md h-auto",
+            class_name="rounded-md h-auto",
             border=f"0.81px solid {rx.color('slate', 5)}",
         ),
-        class_name="w-full flex flex-col rounded-md cursor-pointer",
+        class_name="w-full flex flex-col rounded-md",
     )
 ```
 
diff --git a/reflex/docs/ai_builder/app_lifecycle/share_app.md b/reflex/docs/ai_builder/app_lifecycle/share_app.md
@@ -11,10 +11,10 @@ def render_image():
     return rx.el.div(
         rx.image(
             src="https://web.reflex-assets.dev/ai_builder/app_lifecycle/share_light.avif",
-            class_name="p-2 rounded-md h-auto",
+            class_name="rounded-md h-auto",
             border=f"0.81px solid {rx.color('slate', 5)}",
         ),
-        class_name="w-full flex flex-col rounded-md cursor-pointer",
+        class_name="w-full flex flex-col rounded-md",
     )
 ```
 
diff --git a/reflex/docs/ai_builder/features/automated_testing.md b/reflex/docs/ai_builder/features/automated_testing.md
@@ -16,10 +16,10 @@ rx.el.div(
             "https://web.reflex-assets.dev/ai_builder/features/test_light.webp",
             "https://web.reflex-assets.dev/ai_builder/features/test_dark.webp",
         ),
-        class_name="p-2 rounded-md h-auto",
+        class_name="rounded-md h-auto",
         border=f"0.81px solid {rx.color('slate', 5)}",
     ),
-    class_name="w-full flex flex-col rounded-md cursor-pointer",
+    class_name="w-full flex flex-col rounded-md",
 )
 ```
 
diff --git a/reflex/docs/ai_builder/features/connect_to_github.md b/reflex/docs/ai_builder/features/connect_to_github.md
@@ -16,7 +16,7 @@ The Github integration is important to make sure that you don't lose your progre
 rx.el.div(
     rx.image(
         src="https://web.reflex-assets.dev/ai_builder/connecting_to_github.avif",
-        class_name="p-2 rounded-md h-auto",
+        class_name="rounded-md h-auto",
         border=f"0.81px solid {rx.color('slate', 5)}",
     ),
 )
@@ -36,7 +36,7 @@ The commit history is a great way to see the changes that you have made to your
 rx.el.div(
     rx.image(
         src="https://web.reflex-assets.dev/ai_builder/github_commit_history.avif",
-        class_name="p-2 rounded-md h-auto",
+        class_name="rounded-md h-auto",
         border=f"0.81px solid {rx.color('slate', 5)}",
     ),
 )
diff --git a/reflex/docs/ai_builder/features/customization.md b/reflex/docs/ai_builder/features/customization.md
@@ -24,10 +24,10 @@ rx.el.div(
             "https://web.reflex-assets.dev/ai_builder/features/style_light.webp",
             "https://web.reflex-assets.dev/ai_builder/features/style_dark.webp",
         ),
-        class_name="p-2 rounded-md h-auto",
+        class_name="rounded-md h-auto",
         border=f"0.81px solid {rx.color('slate', 5)}",
     ),
-    class_name="w-full flex flex-col rounded-md cursor-pointer",
+    class_name="w-full flex flex-col rounded-md",
 )
 ```
 
@@ -51,10 +51,10 @@ rx.el.div(
             "https://web.reflex-assets.dev/ai_builder/features/theme_light.webp",
             "https://web.reflex-assets.dev/ai_builder/features/theme_dark.webp",
         ),
-        class_name="p-2 rounded-md h-auto",
+        class_name="rounded-md h-auto",
         border=f"0.81px solid {rx.color('slate', 5)}",
     ),
-    class_name="w-full flex flex-col rounded-md cursor-pointer",
+    class_name="w-full flex flex-col rounded-md",
 )
 ```
 
diff --git a/reflex/docs/ai_builder/features/editor_modes.md b/reflex/docs/ai_builder/features/editor_modes.md
@@ -11,10 +11,10 @@ def render_image():
     return rx.el.div(
         rx.image(
             src="https://web.reflex-assets.dev/ai_builder/features/diff_light.avif",
-            class_name="p-2 rounded-md h-auto",
+            class_name="rounded-md h-auto",
             border=f"0.81px solid {rx.color('slate', 5)}",
         ),
-        class_name="w-full flex flex-col rounded-md cursor-pointer",
+        class_name="w-full flex flex-col rounded-md",
     )
 ```
 
diff --git a/reflex/docs/ai_builder/features/image_as_prompt.md b/reflex/docs/ai_builder/features/image_as_prompt.md
@@ -15,10 +15,10 @@ Below is an image showing how to upload an image to the AI Builder, you can clic
 rx.el.div(
     rx.image(
         src="https://web.reflex-assets.dev/ai_builder/image_upload.avif",
-        class_name="p-2 rounded-md h-auto",
+        class_name="rounded-md h-auto",
         border=f"0.81px solid {rx.color('slate', 5)}",
     ),
-    class_name="w-full flex flex-col rounded-md cursor-pointer",
+    class_name="w-full flex flex-col rounded-md",
 )
 ```
 
diff --git a/reflex/docs/ai_builder/features/installing_external_packages.md b/reflex/docs/ai_builder/features/installing_external_packages.md
@@ -20,10 +20,10 @@ Enter the name of the package you want to install in the chat interface. The AI
 rx.el.div(
     rx.image(
         src="https://web.reflex-assets.dev/ai_builder/external_packages_input.avif",
-        class_name="p-2 rounded-md h-auto",
+        class_name="rounded-md h-auto",
         border=f"0.81px solid {rx.color('slate', 5)}",
     ),
-    class_name="w-full flex flex-col rounded-md cursor-pointer",
+    class_name="w-full flex flex-col rounded-md",
 )
 ```
 
@@ -35,9 +35,9 @@ Add the package to the `requirements.txt` file and then save the app. This will
 rx.el.div(
     rx.image(
         src="https://web.reflex-assets.dev/ai_builder/external_packages_requirements.avif",
-        class_name="p-2 rounded-md h-auto",
+        class_name="rounded-md h-auto",
         border=f"0.81px solid {rx.color('slate', 5)}",
     ),
-    class_name="w-full flex flex-col rounded-md cursor-pointer",
+    class_name="w-full flex flex-col rounded-md",
 )
 ```
diff --git a/reflex/docs/ai_builder/features/integration_shortcut.md b/reflex/docs/ai_builder/features/integration_shortcut.md
@@ -17,10 +17,10 @@ rx.el.div(
             "https://web.reflex-assets.dev/ai_builder/features/shortcut_light.webp",
             "https://web.reflex-assets.dev/ai_builder/features/shortcut_dark.webp",
         ),
-        class_name="p-2 rounded-md h-auto",
+        class_name="rounded-md h-auto",
         border=f"0.81px solid {rx.color('slate', 5)}",
     ),
-    class_name="w-full flex flex-col rounded-md cursor-pointer",
+    class_name="w-full flex flex-col rounded-md",
 )
 ```
 
diff --git a/reflex/docs/ai_builder/features/knowledge.md b/reflex/docs/ai_builder/features/knowledge.md
@@ -10,10 +10,10 @@ def render_image():
     return rx.el.div(
         rx.image(
             src="https://web.reflex-assets.dev/ai_builder/features/knowledge_light.avif",
-            class_name="p-2 rounded-md h-auto",
+            class_name="rounded-md h-auto",
             border=f"0.81px solid {rx.color('slate', 5)}",
         ),
-        class_name="w-full flex flex-col rounded-md cursor-pointer",
+        class_name="w-full flex flex-col rounded-md",
     )
 ```
 
diff --git a/reflex/docs/ai_builder/features/restore_checkpoint.md b/reflex/docs/ai_builder/features/restore_checkpoint.md
@@ -10,10 +10,10 @@ import reflex as rx
 rx.el.div(
     rx.image(
         src="https://web.reflex-assets.dev/ai_builder/features/restore_light.avif",
-        class_name="p-2 rounded-md h-auto",
+        class_name="rounded-md h-auto",
         border=f"0.81px solid {rx.color('slate', 5)}",
     ),
-    class_name="w-full flex flex-col rounded-md cursor-pointer",
+    class_name="w-full flex flex-col rounded-md",
 )
 ```
 
diff --git a/reflex/docs/ai_builder/features/secrets.md b/reflex/docs/ai_builder/features/secrets.md
@@ -11,10 +11,10 @@ def render_image():
     return rx.el.div(
         rx.image(
             src="https://web.reflex-assets.dev/ai_builder/features/secrets_light.avif",
-            class_name="p-2 rounded-md h-auto",
+            class_name="rounded-md h-auto",
             border=f"0.81px solid {rx.color('slate', 5)}",
         ),
-        class_name="w-full flex flex-col rounded-md cursor-pointer",
+        class_name="w-full flex flex-col rounded-md",
     )
 ```
 
@@ -49,10 +49,10 @@ import reflex as rx
 rx.el.div(
     rx.image(
         src="https://web.reflex-assets.dev/ai_builder/features/secret_bulk_light.avif",
-        class_name="p-2 rounded-md h-auto",
+        class_name="rounded-md h-auto",
         border=f"0.81px solid {rx.color('slate', 5)}",
     ),
-    class_name="w-full flex flex-col rounded-md cursor-pointer",
+    class_name="w-full flex flex-col rounded-md",
 )
 ```
 
diff --git a/reflex/docs/ai_builder/images.md b/reflex/docs/ai_builder/images.md
@@ -32,10 +32,10 @@ import reflex as rx
 rx.el.div(
     rx.image(
         src="https://web.reflex-assets.dev/ai_builder/add_images_to_assets.avif",
-        class_name="p-2 rounded-md h-auto",
+        class_name="rounded-md h-auto",
         border=f"0.81px solid {rx.color('slate', 5)}",
     ),
-    class_name="w-full flex flex-col rounded-md cursor-pointer",
+    class_name="w-full flex flex-col rounded-md",
 )
 ```
 
diff --git a/reflex/docs/ai_builder/overview/templates.md b/reflex/docs/ai_builder/overview/templates.md
@@ -10,10 +10,10 @@ import reflex as rx
 rx.el.div(
     rx.image(
         src="https://web.reflex-assets.dev/ai_builder/overview/templates_light.avif",
-        class_name="p-2 rounded-md h-auto",
+        class_name="rounded-md h-auto",
         border=f"0.81px solid {rx.color('slate', 5)}",
     ),
-    class_name="w-full flex flex-col rounded-md cursor-pointer",
+    class_name="w-full flex flex-col rounded-md",
 )
 ```
 
@@ -25,10 +25,10 @@ To use a template, simply click the template and then in the bottom right corner
 rx.el.div(
     rx.image(
         src="https://web.reflex-assets.dev/ai_builder/overview/fork_template_light.avif",
-        class_name="p-2 rounded-md h-auto",
+        class_name="rounded-md h-auto",
         border=f"0.81px solid {rx.color('slate', 5)}",
     ),
-    class_name="w-full flex flex-col rounded-md cursor-pointer",
+    class_name="w-full flex flex-col rounded-md",
 )
 ```
 
diff --git a/reflex/docs/ai_builder/overview/tutorial.md b/reflex/docs/ai_builder/overview/tutorial.md
@@ -33,10 +33,10 @@ import reflex as rx
 rx.el.div(
     rx.image(
         src="https://web.reflex-assets.dev/ai_builder/overview/tutorial_1_light.avif",
-        class_name="p-2 rounded-md h-auto",
+        class_name="rounded-md h-auto",
         border=f"0.81px solid {rx.color('slate', 5)}",
     ),
-    class_name="w-full flex flex-col rounded-md cursor-pointer",
+    class_name="w-full flex flex-col rounded-md",
 )
 ```
 
@@ -55,10 +55,10 @@ Your dashboard now becomes much more useful with real-time filtering. Users can
 rx.el.div(
     rx.image(
         src="https://web.reflex-assets.dev/ai_builder/overview/tutorial_2_light.avif",
-        class_name="p-2 rounded-md h-auto",
+        class_name="rounded-md h-auto",
         border=f"0.81px solid {rx.color('slate', 5)}",
     ),
-    class_name="w-full flex flex-col rounded-md cursor-pointer",
+    class_name="w-full flex flex-col rounded-md",
 )
 ```
 
@@ -79,10 +79,10 @@ Your app now has full CRUD capability for employee records. The modal form provi
 rx.el.div(
     rx.image(
         src="https://web.reflex-assets.dev/ai_builder/overview/tutorial_3_light.avif",
-        class_name="p-2 rounded-md h-auto",
+        class_name="rounded-md h-auto",
         border=f"0.81px solid {rx.color('slate', 5)}",
     ),
-    class_name="w-full flex flex-col rounded-md cursor-pointer",
+    class_name="w-full flex flex-col rounded-md",
 )
 ```
 
@@ -103,10 +103,10 @@ Your app now has proper navigation between the dashboard and chat functionality.
 rx.el.div(
     rx.image(
         src="https://web.reflex-assets.dev/ai_builder/overview/tutorial_4_light.avif",
-        class_name="p-2 rounded-md h-auto",
+        class_name="rounded-md h-auto",
         border=f"0.81px solid {rx.color('slate', 5)}",
     ),
-    class_name="w-full flex flex-col rounded-md cursor-pointer",
+    class_name="w-full flex flex-col rounded-md",
 )
 ```
 
diff --git a/reflex/docs/ai_builder/overview/what_is_reflex_build.md b/reflex/docs/ai_builder/overview/what_is_reflex_build.md
@@ -130,7 +130,7 @@ def _docs_app_section_features_small_screen(feature: dict):
     return rx.el.div(
         rx.image(
             src=feature["img"],
-            class_name="p-2 rounded-md h-auto",
+            class_name="rounded-md h-auto",
             border=f"0.81px solid {rx.color('slate', 5)}",
         ),
         rx.el.div(
@@ -142,7 +142,7 @@ def _docs_app_section_features_small_screen(feature: dict):
             ),
             class_name="flex flex-col px-1 py-2",
         ),
-        class_name="w-full flex flex-col rounded-md cursor-pointer",
+        class_name="w-full flex flex-col rounded-md",
     )
 
 
@@ -179,7 +179,7 @@ def _docs_app_sections():
         rx.el.div(
             rx.image(
                 src=features_data[0]["img"],
-                class_name="p-2 rounded-md h-auto",
+                class_name="rounded-md h-auto",
                 border=f"0.81px solid {rx.color('slate', 5)}",
             ),
             class_name="w-full max-w-4xl",
