📝 (components.mdx): update margin style of ZoomableImage to improve spacing

📝 (features.mdx): update margin style of ZoomableImage to improve spacing
📝 (login.mdx): update margin style of ZoomableImage to improve spacing
This commit is contained in:
cristhianzl 2024-04-03 20:45:53 -03:00
commit aa7338bf67
3 changed files with 8 additions and 7 deletions

View file

@ -26,13 +26,14 @@ Components are the building blocks of the flows. They are made of inputs, output
</div>
{" "}
<ZoomableImage
alt="Docusaurus themed image"
sources={{
light: useBaseUrl("img/single-compenent.png"),
dark: useBaseUrl("img/single-compenent.png"),
}}
style={{ width: "100%", maxWidth: "800px", margin: "0 auto" }}
style={{ width: "100%", maxWidth: "800px", margin: "20px auto" }}
/>
<div style={{ marginBottom: "20px" }}>

View file

@ -1,4 +1,3 @@
# Features
<div style={{ marginBottom: "20px" }}>
@ -9,13 +8,14 @@
</div>
{" "}
<ZoomableImage
alt="Docusaurus themed image"
sources={{
light: useBaseUrl("img/features.png"),
dark: useBaseUrl("img/features.png"),
}}
style={{ width: "100%", maxWidth: "800px", margin: "0 auto" }}
style={{ width: "100%", maxWidth: "800px", margin: "20px auto" }}
/>
<div style={{ marginBottom: "20px" }}>
@ -63,7 +63,6 @@ The example below shows a Python script making a POST request to a local API end
<ReactPlayer playing controls url="/videos/langflow_api.mp4" />
</div>
import ThemedImage from "@theme/ThemedImage";
import useBaseUrl from "@docusaurus/useBaseUrl";
import ZoomableImage from "/src/theme/ZoomableImage.js";

View file

@ -105,7 +105,7 @@ Users can change their profile settings by clicking on the profile icon in the t
light: useBaseUrl("img/my-account.png"),
dark: useBaseUrl("img/my-account.png"),
}}
style={{ width: "50%", maxWidth: "600px", margin: "0 auto" }}
style={{ width: "50%", maxWidth: "600px", margin: "20px auto" }}
/>
By clicking on **Profile Settings**, the user is taken to the profile settings page, where they can change their password and their profile picture.
@ -116,10 +116,11 @@ By clicking on **Profile Settings**, the user is taken to the profile settings p
light: useBaseUrl("img/profile-settings.png"),
dark: useBaseUrl("img/profile-settings.png"),
}}
style={{ maxWidth: "600px", margin: "0 auto" }}
style={{ maxWidth: "600px", margin: "20px auto" }}
/>
By clicking on **Admin Page**, the superuser is taken to the admin page, where they can manage users and groups.
By clicking on **Admin Page**, the superuser is taken to the admin page, where they
can manage users and groups.
<ZoomableImage
alt="Docusaurus themed image"