feat: added diff lines styles

nimiq · Mar 20, 2024 · bbb9bce · bbb9bce
1 parent 2aae3ee
commit bbb9bce
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 14 deletions.
diff --git 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
@@ -177,15 +177,15 @@ const pageName = computed(() =>
 
 <style>
 .vp-code-group {
-  > .tabs {
+  >.tabs {
     --uno: bg-transparent px-16 h-max pt-1 flex gap-16 pb-8;
 
     label {
       --uno: ghost-btn mx-0 px-12 py-6 border-b-0 after:hidden h-max lh-[1] rounded-full;
 
     }
 
-    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
@@ -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
@@ -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
@@ -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 ++]
 }
 ```