move sdk animation to bridge page

synapsecns · Sep 25, 2024 · b03684b · b03684b
1 parent ef6e18a
commit b03684b
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 8 deletions.
diff --git a/docs/bridge/docs/02-Bridge/02-SDK/index.md b/docs/bridge/docs/02-Bridge/02-SDK/index.md
@@ -2,19 +2,12 @@
 title: SDK
 ---
 
-import { BridgeFlow } from '@site/src/components/BridgeFlow'
-
 # Bridge SDK
 
 The Synapse Bridge SDK is the easiest way to integrate cross-chain token & liquidity transfers into your application. It is fully isomorphic and can be used on both client and server sides.
 
 The Synapse Bridge SDK is built on top of the [Synapse Router](/docs/Routers/Synapse-Router) contract.
 
-<figure>
-<BridgeFlow />
-<caption>The SDK sends user assets to a bridge contract, which are moved to the destination chain, and then returned to the user.</caption>
-</figure>
-
 :::note requires Node v16+
 
 The SDK has only been fully tested on Node 16+ or greater. Earlier versions may experience errors. 

diff --git a/docs/bridge/docs/02-Bridge/index.md b/docs/bridge/docs/02-Bridge/index.md
@@ -2,10 +2,19 @@
 title: Bridge
 ---
 
+import { BridgeFlow } from '@site/src/components/BridgeFlow'
+
 # Synapse Bridge
 
 The [Synapse Bridge](https://synapseprotocol.com) and [Solana Bridge](https://solana.synapseprotocol.com/) seamlessly swap on-chain assets between 20+ EVM and non-EVM blockchains in a safe and secure manner.
 
+<br />
+
+<figure>
+    <BridgeFlow />
+    <caption>User assets are sent to a bridge contract, moved to the destination chain, and returned to the user.</caption>
+</figure>
+
 ## Developers
 
 Add the [Custom Widget](#) to your DeFi application, or build your own DeFi applications using the [Synapse SDK](#).

diff --git a/docs/bridge/src/css/custom.css b/docs/bridge/src/css/custom.css
@@ -98,7 +98,7 @@ svg text {
 }
 
 figure {
-  margin: 2rem 0;
+  margin: 0;
   text-align: center;
   display: grid;
   gap: 1rem;