move to components list and tweak css

scroll-tech · Feb 13, 2024 · 7e0a09b · 7e0a09b
1 parent 64ab016
commit 7e0a09b
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/src/components/RPCTable/RPCTable.css b/src/components/RPCTable/RPCTable.css
@@ -12,9 +12,15 @@ table.__ethereum-rpc-table > tbody tr:last-child td:last-child {
 
 table.__ethereum-rpc-table > thead > tr > th {
   border-bottom-width: 0;
+  text-align: center;
 }
 
 table.__ethereum-rpc-table > caption > span {
   font-size: 1rem;
   font-weight: bold;
 }
+
+.__ethereum-rpc-table > tbody > tr > td:nth-child(1) {
+  text-align: left;
+  padding-left: 16px;
+}
diff --git a/src/content/docs/en/article-components.mdx b/src/content/docs/en/article-components.mdx
@@ -13,6 +13,7 @@ import priceAggr from "../../../assets/images/contract-devs/price-aggr.png"
 import ToggleElement from "../../../components/ToggleElement.astro"
 import Aside from "../../../components/Aside.astro"
 import MarkmapView from "../../../components/MarkmapView/index.astro"
+import RPCTable from "../../../components/RPCTable/RPCTable.astro"
 
 This is body text right under the article title. It typically is just paragraph text that's pretty straightforward. Then there's **bold text**, and _italic text_, and **_bold-italic text_**, and `inline-code` and **`bold inline code`** and even _`italic inline code`_ and **_`bold italic inline code`_**. And of course don't forget [links](#), and [**bold links**](#), and [_italic links_](#), and [**_bold-italic links_**](#).
 
@@ -162,3 +163,7 @@ stateDiagram
     ExecutionState --> ConstraintBuilder
     step_context --> ConstraintBuilder
 ```
+
+### RPC Table
+
+<RPCTable />
diff --git a/src/content/docs/en/user-guide/setup.mdx b/src/content/docs/en/user-guide/setup.mdx
@@ -9,7 +9,6 @@ excerpt: "You need to have a wallet to interact with the Scroll Testnet. You can
 ---
 
 import Aside from "../../../../components/Aside.astro"
-import RPCTable from "../../../../components/RPCTable/RPCTable.astro"
 
 ## Wallet
 
@@ -32,8 +31,6 @@ The **Add to wallet** links may not be compatible with every wallet. If you are
 | Currency Symbol    | ETH                                                              | ETH                                                                          |
 | Block Explorer URL | [https://sepolia.scrollscan.com](https://sepolia.scrollscan.com) | [https://sepolia.etherscan.io](https://sepolia.etherscan.io)                 |
 
-<RPCTable />
-
 <Aside type="tip" title="Additional Block Explorers">
   For looking into activity on Layer 1, use Etherscan's [Sepolia Testnet Explorer](https://sepolia.etherscan.io).