style sidebar like clickhouse + minor spelling check

flashbots · Sep 15, 2023 · 07a78b0 · 07a78b0
1 parent e55b0bb
commit 07a78b0
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 13 deletions.
diff --git a/docs/reference/MEVM.mdx b/docs/reference/MEVM.mdx
@@ -30,7 +30,7 @@ If you've read the two links above, you'll know that the basic flow of a transac
 </div>
 </AlignItems>
 
-We'll be explaing how we achieve the above "Confidential MEVM execution" for the rest of this page. 
+How do we achieve this "Confidential MEVM execution"? 
 
 At a high level, we have adapted the `eth_sendRawTransaction` RPC method to accept an additional field, called `confidential_data`. Users place signed transactions from other blockchains in this field. They encrypt the field for specific SUAVE node(s), and specify some builder solidity contract on SUAVE, which holds the logic for what to do with their encrypted inputs.
 
@@ -40,7 +40,7 @@ Computation complete, the MEVM places what we call the `confidentialComputeResul
 
 For now, it is good enough that you understand that all our adaptations to the EVM serve the goal of confidential computation, as outlined above. These changes can be summed up in a very simple formula:
 
-> **SuaveExecutionBackend 🤝 EVM = MEVM**
+> **SuaveExecutionBackend + EVM = MEVM**
 
 Here is a visual overview of what that actually means in practice:
 

diff --git a/docs/reference/builder-solidity/index.mdx b/docs/reference/builder-solidity/index.mdx
@@ -10,7 +10,7 @@ keywords:
 
 import AlignItems from "@site/src/components/AlignItems/AlignItems.tsx";
 
-# Builer solidity
+# Builder solidity
 
 Builder solidity is solidity with some additional precompiles intended to support MEV applications. Using these precompiles, builder solidity contracts can define how SUAVE nodes run computation, without that computation being done on chain. That is, SUAVE nodes can accept encrypted data from users, do stuff with it privately and only reveal the results, not the inputs.
 

diff --git a/docs/sidebars.js b/docs/sidebars.js
@@ -3,6 +3,7 @@ module.exports = {
     {
       type: 'category',
       label: '👋 Welcome',
+      collapsed: false,
       link: {type: 'doc', id: 'index'},
       items: [
         'design-goals',
@@ -11,6 +12,7 @@ module.exports = {
     {
       type: 'category',
       label: '🥷 How To',
+      collapsed: false,
       link: {type: 'doc', id: 'how-to/index'},
       items: [
         'how-to/setup-suave',
@@ -19,6 +21,7 @@ module.exports = {
     {
       type: 'category',
       label: '🤖 Technical Details',
+      collapsed: false,
       link: {type: 'doc', id: 'reference/index'},
       items: [
         {
@@ -44,6 +47,7 @@ module.exports = {
     {
       type: 'category',
       label: '⚡ Understanding MEV',
+      collapsed: false,
       link: {type: 'doc', id: 'understand/index'},
       items: [
         'understand/meaning',

diff --git a/src/scss/custom.scss b/src/scss/custom.scss
@@ -44,11 +44,30 @@
   // --ifm-color-primary-lighter: rgb(102, 212, 189);
   // --ifm-color-primary-lightest: rgb(146, 224, 208);
   --ifm-code-font-size: 95%;
-  --ifm-menu-link-padding-vertical: 15px; 
+  --ifm-menu-link-padding-vertical: 8px; 
+}
+
+.theme-doc-sidebar-item-category-level-1 {
+  margin: 10px 0 28px 0;
+}
+
+.menu__list {
+  font-weight: normal !important;
+  margin-top: 0;
+}
+
+.menu__link {
+  padding: 6px;
+}
+
+.menu__link--sublist {
+  font-weight: bold;
 }
 
 .theme-doc-sidebar-item-category-level-2 {
-  padding-left: 15px;
+  a {
+    font-weight: normal !important;
+  }
 }
 
 [data-theme='dark'] {
@@ -100,14 +119,6 @@ div {
   font-size: 16px;
 }
 
-.theme-doc-sidebar-item-link {
-  padding-left: 15px;
-}
-
-.menu__list {
-  font-weight: bold;
-}
-
 .menu__link--sublist:after {
   background: var(--ifm-menu-link-sublist-icon) 50%/1.5rem 1.5rem;
   opacity: .75;