center Mermaid diagrams

multiversx · Sep 29, 2023 · 9206651 · 9206651
1 parent 03b41a0
commit 9206651
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 13 deletions.
diff --git a/docs/developers/developer-reference/sc-contract-calls.md b/docs/developers/developer-reference/sc-contract-calls.md
@@ -195,17 +195,13 @@ contract_call.push_raw_argument(arg2_encoded);
 
 Up to here we have created a contract call without payment, so an object of type `ContractCallNoPayment`, in the following ways:
 
-<div style={{textAlign: 'center'}}>
-
 ```mermaid
 graph LR
     gen-proxy[Generated Proxy] --> ccnp[ContractCallNoPayment]
     man-proxy[Manual Proxy] --> ccnp
     ccnp-new["ContractCallNoPayment::new(to, function)"] --> ccnp
 ```
 
-</div>
-
 ---
 
 [comment]: # (mx-context-auto)
@@ -318,8 +314,6 @@ self.callee_contract_proxy(callee_sc_address)
 
 To recap, these are all the various ways in which we can specify value transfers for a contract call:
 
-<div style={{textAlign: 'center'}}>
-
 ```mermaid
 graph LR
     ccnp[ContractCallNoPayment]
@@ -331,8 +325,6 @@ graph LR
 	ccnp -->|".with_egld_or_single_esdt_transfer"| cc-egld-single[ContractCallWithEgldOrSingleEsdt]
 ```
 
-</div>
-
 ---
 
 [comment]: # (mx-context-auto)
@@ -725,9 +717,6 @@ It shares a lot in common with the contract calls, with these notable difference
 - No ESDT transfers are allowed in `init`.
 - They get executed slightly differently.
 
-
-<div style={{textAlign: 'center'}}>
-
 ```mermaid
 flowchart TB
     gen-proxy[Generated Proxy] --> cc
@@ -741,8 +730,6 @@ flowchart TB
               .deploy_from_source()"| exec-upg["⚙️ Upgrade contract"]
 ```
 
-</div>
-
 The object encoding these calls is called `ContractDeploy`. Unlike the contract calls, there is a single such object.
 
 Creating this object is done in a similar fashion: either via proxies, or manually. Constructors in proxies naturally produce `ContractDeploy` objects:

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -290,3 +290,11 @@ h2.anchor code {
 }
 
 /* -------------------- End Markdown ------------------- */
+
+/* ------------------- Start Mermaid ------------------- */
+
+.docusaurus-mermaid-container {
+  text-align: center;
+}
+
+/* -------------------- End Mermaid ------------------- */