jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

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

Browse source 
📝 (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
Download patch file Download diff file Expand all files Collapse all files

3
docs/docs/guidelines/components.mdx
View file

@ -26,13 +26,14 @@ Components are the building blocks of the flows. They are made of inputs, output
</div> </div>
{" "} {" "}
<ZoomableImage <ZoomableImage
alt="Docusaurus themed image" alt="Docusaurus themed image"
sources={{ sources={{
light: useBaseUrl("img/single-compenent.png"), light: useBaseUrl("img/single-compenent.png"),
dark: 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" }}> <div style={{ marginBottom: "20px" }}>

5
docs/docs/guidelines/features.mdx
View file

@ -1,4 +1,3 @@
# Features # Features
<div style={{ marginBottom: "20px" }}> <div style={{ marginBottom: "20px" }}>
@ -9,13 +8,14 @@
</div> </div>
{" "} {" "}
<ZoomableImage <ZoomableImage
alt="Docusaurus themed image" alt="Docusaurus themed image"
sources={{ sources={{
light: useBaseUrl("img/features.png"), light: useBaseUrl("img/features.png"),
dark: 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" }}> <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" /> <ReactPlayer playing controls url="/videos/langflow_api.mp4" />
</div> </div>
import ThemedImage from "@theme/ThemedImage"; import ThemedImage from "@theme/ThemedImage";
import useBaseUrl from "@docusaurus/useBaseUrl"; import useBaseUrl from "@docusaurus/useBaseUrl";
import ZoomableImage from "/src/theme/ZoomableImage.js"; import ZoomableImage from "/src/theme/ZoomableImage.js";

7
docs/docs/guidelines/login.mdx
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"), light: useBaseUrl("img/my-account.png"),
dark: 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. 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"), light: useBaseUrl("img/profile-settings.png"),
dark: 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 <ZoomableImage
alt="Docusaurus themed image" alt="Docusaurus themed image"