Add restyled images for guides

anant-writer · May 29, 2024 · 02f7651 · 02f7651
1 parent 8087016
commit 02f7651
Show file tree

Hide file tree

Showing 14 changed files with 8 additions and 8 deletions.
diff --git a/docs/framework/authentication.mdx b/docs/framework/authentication.mdx
@@ -16,7 +16,7 @@ Framework will be able to authenticate a user through an identity provider such
 Authentication configuration is done in the `server_setup.py` [module](custom-server.md). The configuration depends on your identity provider.
 Here is an example configuration for Google.
 
-![Authentication OIDC Principle](/framework/images/authentication_oidc_principle.png)
+![Authentication OIDC Principle](/framework/images/auth.png)
 
 **server_setup.py**
 

diff --git a/docs/framework/builder-basics.mdx b/docs/framework/builder-basics.mdx
@@ -67,7 +67,7 @@ The _Preview_ mode shows the application exactly like the user will see it. It a
 
 Settings are divided into the following sections. Changes to settings can be undone and redone using the buttons on the top bar.
 
-![Framework Builder - Component settings](/docs/framework/images/builder-basics.component-settings.png)
+![Framework Builder - Component settings](/framework/images/builder-basics.component-settings.png)
 
 ### Properties
 
@@ -83,7 +83,7 @@ Properties are of different types, such as _Text_, _Color_ and _Number_. All pro
 
 ### Binding
 
-![Framework Builder - Binding](/docs/framework/images/builder-basics.binding.png)
+![Framework Builder - Binding](/framework/images/builder-basics.binding.png)
 
 Input components can be bound, in a two-way fashion, to a state element.
 
@@ -107,7 +107,7 @@ Whether the component should be displayed. There are three visibility options:
 
 Perform a variety of operations on existing components. Options will be grayed out when they're not applicable to the relevant component. Most shortcuts can be triggered using the keyboard; hover on them to show the appropriate combination.
 
-![Framework Builder - Component shortcuts](./images/builder-basics.component-shortcuts.png)
+![Framework Builder - Component shortcuts](/framework/images/builder-basics.component-shortcuts.png)
 
 - _Add_. Adds a child of a given type to this component.
 - _Move up_. Decrements the position index of the component, used to sort children in the parent container.

diff --git a/docs/framework/handling-inputs.mdx b/docs/framework/handling-inputs.mdx
@@ -25,7 +25,7 @@ Bindings automatically handle the _change_ event for the component and set the v
 
 As mentioned in the [Builder basics](builder-basics.html) section of the guide, bindings can be configured in the component settings.
 
-![Repeater example](./images/handling-inputs.binding.png)
+![Repeater example](/framework/images/handling-inputs.binding.png)
 
 The binding above establishes a two-way link between the component and the state element `name`. If `name` changes in the backend, the component changes. If the component changes, the value of `name` changes.
 
@@ -55,4 +55,4 @@ As with any application, it's important to be familiar with the risks associated
 
 Input components can be combined with _Message_ and _Button_ components to create forms with messages, indicating whether the submission was successful.
 
-![Form example](./images/handling-inputs.form.png)
+![Form example](/framework/images/handling-inputs.form.png)
diff --git a/docs/framework/images/auth.png b/docs/framework/images/auth.png
diff --git a/docs/framework/images/authentication_oidc.png b/docs/framework/images/authentication_oidc.png
diff --git a/docs/framework/images/authentication_oidc_principle.png b/docs/framework/images/authentication_oidc_principle.png
diff --git a/docs/framework/images/builder-basics.binding.png b/docs/framework/images/builder-basics.binding.png
diff --git a/docs/framework/images/builder-basics.component-settings.png b/docs/framework/images/builder-basics.component-settings.png
diff --git a/docs/framework/images/builder-basics.component-shortcuts.png b/docs/framework/images/builder-basics.component-shortcuts.png
diff --git a/docs/framework/images/handling-inputs.binding.png b/docs/framework/images/handling-inputs.binding.png
diff --git a/docs/framework/images/handling-inputs.form.png b/docs/framework/images/handling-inputs.form.png
diff --git a/docs/framework/images/stylesheets.applied-classes.png b/docs/framework/images/stylesheets.applied-classes.png
diff --git a/docs/framework/images/stylesheets.component-settings.png b/docs/framework/images/stylesheets.component-settings.png
diff --git a/docs/framework/stylesheets.mdx b/docs/framework/stylesheets.mdx
@@ -38,7 +38,7 @@ During development time, stylesheets may be cached by your browser, preventing u
 
 You can use the property *Custom CSS classes* in Builder's *Component Settings* to apply classes to a component, separated by spaces. Internally, this will apply the classes to the root HTML element of the rendered component.
 
-![Stylesheets - Component Settings](./images/stylesheets.component-settings.png)
+![Stylesheets - Component Settings](/framework/images/stylesheets.component-settings.png)
 
 ## Tips for effective stylesheets
 
@@ -76,7 +76,7 @@ Alternatively, you can override Framework's style variables. This behaves slight
 
 The class can be used in *Component Settings*. If the stylesheet is imported, the effect will be immediate. In case the stylesheet has been modified since imported, it'll need to be imported again.
 
-![Stylesheets - Applied Classes](./images/stylesheets.applied-classes.png)
+![Stylesheets - Applied Classes](/framework/images/stylesheets.applied-classes.png)
 
 ## Targeting component types