From bbb9bcef9c459432418fa6c5b5514d93b7cf9d04 Mon Sep 17 00:00:00 2001
From: Maxi <maximogarciamtnez@gmail.com>
Date: Wed, 20 Mar 2024 11:55:36 +0100
Subject: [PATCH] feat: added diff lines styles

---
 .vitepress/config.ts                          |  2 +-
 .vitepress/theme/components/Doc.vue           | 23 +++++++++++++++++--
 .vitepress/theme/components/DocFooter.vue     |  4 ++--
 .vitepress/theme/components/header/Header.vue |  2 +-
 build/rpc-docs/index.md                       | 10 ++------
 5 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/.vitepress/config.ts b/.vitepress/config.ts
index bc509c1..13c0d72 100644
--- a/.vitepress/config.ts
+++ b/.vitepress/config.ts
@@ -107,7 +107,7 @@ export default async () => {
       ['link', { rel: 'icon', type: 'image/png', sizes: '16x16', href: `${baseUrl}assets/favicons/favicon-16x16.png` }],
       ['link', { rel: 'manifest', href: `${baseUrl}assets/favicons/site.webmanifest` }],
       ['link', { rel: 'mask-icon', href: `${baseUrl}asset/favicons/safari-pinned-tab.svg`, color: '#eaaf0c' }],
-      ['link', { rel: 'shortcut icon', href: `${baseUrl}/assets/favicons/favicon.ico` }],
+      ['link', { rel: 'shortcut icon', href: `${baseUrl}assets/favicons/favicon.ico` }],
       ['meta', { name: 'msapplication-TileColor', content: '#2b5797' }],
       ['meta', { name: 'theme-color', content: '#ffffff' }],
       ['meta', { name: 'viewport', content: 'width=device-width, initial-scale=1' }],
diff --git a/.vitepress/theme/components/Doc.vue b/.vitepress/theme/components/Doc.vue
index eb8c742..4076fb5 100644
--- a/.vitepress/theme/components/Doc.vue
+++ b/.vitepress/theme/components/Doc.vue
@@ -177,7 +177,7 @@ const pageName = computed(() =>
 
 <style>
 .vp-code-group {
-  > .tabs {
+  >.tabs {
     --uno: bg-transparent px-16 h-max pt-1 flex gap-16 pb-8;
 
     label {
@@ -185,7 +185,7 @@ const pageName = computed(() =>
 
     }
 
-    input:checked + label {
+    input:checked+label {
       --uno: bg-gradient-blue text-white;
     }
   }
@@ -243,6 +243,25 @@ div[class*="language"]:has(.copy + .lang) {
   }
 }
 
+div[class*="language"] {
+  code {
+    --uno: w-[calc(100%+48px)] inline-block mx--24 px-24;
+
+    .diff {
+      --uno: mx--24 px-24 w-[calc(100%+48px)] inline-block;
+
+      &.remove {
+        --uno: bg-red/15 text-red children:text-red before:pr-16 before:content-['-'] before:absolute before:left-8;
+      }
+
+      &.add {
+        --uno: bg-green/20 text-green children:text-green before:pr-16 before:content-['+'] before:absolute before:left-8;
+      }
+    }
+  }
+
+}
+
 .custom-block {
   --uno: my-24 rounded-6 p-24 pb-14 text-16 ring-1.5;
 
diff --git a/.vitepress/theme/components/DocFooter.vue b/.vitepress/theme/components/DocFooter.vue
index 0a0c989..06389e3 100644
--- a/.vitepress/theme/components/DocFooter.vue
+++ b/.vitepress/theme/components/DocFooter.vue
@@ -49,11 +49,11 @@ const { hasNext, hasPrev, next, prev } = usePrevNext()
       </p>
     </div>
 
-    <a v-if="hasPrev" :href="prev.link" pill h-max arrow-back text-blue bg="blue-500 hocus:blue-600" transition-colors>
+    <a v-if="hasPrev" :href="prev.link" pill h-max arrow-back text-blue bg="blue-400 hover:blue-500" transition-colors>
       {{ prev.text }}
     </a>
 
-    <a v-if="hasNext" :href="next.link" justify-self-end pill arrow h-max text-blue bg="blue-500 hocus:blue-600" transition-colors>
+    <a v-if="hasNext" :href="next.link" justify-self-end pill arrow h-max text-blue bg="blue-400 hover:blue-500" transition-colors>
       {{ next.text }}
     </a>
   </nav>
diff --git a/.vitepress/theme/components/header/Header.vue b/.vitepress/theme/components/header/Header.vue
index cc4eec2..6ed6678 100644
--- a/.vitepress/theme/components/header/Header.vue
+++ b/.vitepress/theme/components/header/Header.vue
@@ -36,7 +36,7 @@ const { navigation } = useData().theme.value
         <h2 whitespace-nowrap hidden xs:block>
           <span sr-only>Nimiq</span> Developer Center
         </h2>
-        <div absolute top--6 right--12 @click.prevent>
+        <div absolute top-24 right--16 @click.prevent>
           <Environment />
         </div>
       </a>
diff --git a/build/rpc-docs/index.md b/build/rpc-docs/index.md
index bcb4c42..feefb6b 100644
--- a/build/rpc-docs/index.md
+++ b/build/rpc-docs/index.md
@@ -29,14 +29,8 @@ The JSON-RPC specification defines two ways of passing parameters to methods: na
 ```JSON
 {
     "jsonrpc": "2.0",
-    "params": [12, 30], // Correct
-    ...
-}
-
-{
-    "jsonrpc": "2.0",
-    "params": {"hour": 12, "minutes": 30}, // Incorrect
-    ...
+    "params": {"hour": 12, "minutes": 30}, // [!code --]
+    "params": [12, 30], // [!code ++]
 }
 ```