Merge pull request #33 from airchains-network/development

Development --> Main v0.0.1

Author: ComputerKeeda

docs/develop/index.md

@@ -0,0 +1,5 @@
+---
+id: develop
+title: develop
+sidebar_position: 10
+---

docs/develop/tx-struct.md

@@ -0,0 +1,14 @@
+---
+id: tx-struct
+title: Tx Struct
+description: Tx Struct is a data structure that contains the transaction data.
+slug: /develop/tx-struct
+hide_table_of_contents: true
+sidebar_position: 1
+---
+
+# Tx Struct
+
+import UnderProgress from '@site/src/components/Docs/under-progress.js';
+
+<UnderProgress />

sidebars.js

@@ -140,6 +140,11 @@ const sidebars = {
       type: "html",
       value: '<div class="sidebar-heading">Develop</div>',
     },
+    {
+      type: "doc",
+      id: "develop/tx-struct",
+      className: "custom-sidebar-item",
+    },
   ],
 };
 

src/components/Docs/under-progress.js

@@ -0,0 +1,20 @@
+import Link from "@docusaurus/Link";
+import React from "react";
+
+const UnderProgress = () => {
+  return (
+    <div>
+      <div className="under_maintenance_container">
+        <div className="under_maintenance_content_wrapper">
+          <p className="under_maintenance_heading">🚧 Under Progress 🚧</p>
+          <p className="under_maintenance_subheading">
+            This page is currently under development. Please check back later or
+            visit another page.
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default UnderProgress;

src/css/custom.css

@@ -1,27 +1,19 @@
-/* Target the search button more specifically */
-nav .DocSearch-Button {
-  background-color: #f5f5f5;
-  border-radius: 50px;
-  padding: 10px;
-  border: 1px solid #ccc;
-  color: #333;
+[data-theme="dark"] {
+  --ifm-color-primary: #584ff9;
+  --ifm-color-primary-dark: #4a44d6;
+  --ifm-color-primary-darker: #3f3abf;
+  --ifm-color-primary-light: #6b63ff;
+  --ifm-color-primary-lighter: #7f77ff;
+  --ifm-background-color: #121212;
+  --ifm-navbar-background-color: #1a1a1a;
+  --ifm-footer-background-color: #1a1a1a;
+  --ifm-link-color: #584ff9;
+  --ifm-heading-color: #ffffff;
+  --ifm-font-color-base: #e0e0e0;
 }
 
-nav .DocSearch-Button:hover {
-  background-color: #e0e0e0;
-}
-
-nav .DocSearch-Button-Placeholder {
-  font-style: italic;
-  color: #888;
-}
-
-.DocSearch-Modal {
-  background-color: rgba(0, 0, 0, 0.7);
-}
-
-.DocSearch-Modal a {
-  color: #00bfa5;
+::-webkit-scrollbar {
+  width: 0px;
 }
 
 .sidebar-heading {
@@ -146,11 +138,38 @@ td {
   margin-left: 4px;
   margin-bottom: 6px;
 }
-.kms_logo {
-  width: 80px;
-  height: 50px;
-  margin-left: 0px;
-  margin-bottom: 6px;
+
+.under_maintenance_container {
+  display: flex;
+  flex-direction: column;
+  justify-content: start;
+  align-items: start;
+  padding: 30px 0px;
+}
+
+.under_maintenance_content_wrapper {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: start;
+  gap: 4px;
+  padding: 20px 0px;
+}
+
+.under_maintenance_heading {
+  font-size: 36px;
+  font-weight: 600;
+  padding-bottom: 8px;
+  line-height: 1;
+  color: #ffffff;
+}
+
+.under_maintenance_subheading {
+  font-size: 18px;
+  font-weight: 400;
+  padding-bottom: 8px;
+  color: #b1b1b9;
+  max-width: 600px;
 }
 
 .version_chip_container {
@@ -174,4 +193,3 @@ td {
   min-height: 120px;
   margin-bottom: 20px;
 }
-