From 4036f2451bea7dfd9eda87a52e5baba62c2016a1 Mon Sep 17 00:00:00 2001
From: Anatoly Kopyl <hi@kopyl.dev>
Date: Sat, 5 Oct 2024 12:43:05 +0300
Subject: [PATCH] Added diff

---
 src/routes/blog/+layout.svelte      |  8 ++++----
 src/routes/blog/this-blog/+page.svx | 22 +++++++++++-----------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/routes/blog/+layout.svelte b/src/routes/blog/+layout.svelte
index f019d04..b2d42d5 100644
--- a/src/routes/blog/+layout.svelte
+++ b/src/routes/blog/+layout.svelte
@@ -38,7 +38,7 @@ import Navbar from "$lib/components/Navbar.svelte";
   @apply p-0 relative block;
 
   &:has(.diff) {
-    @apply ml-8;
+    @apply ml-4;
   }
 }
 
@@ -58,12 +58,12 @@ import Navbar from "$lib/components/Navbar.svelte";
 :global(code .diff.add) {
   background: #526a4f;
   display: inline-block;
-  width: calc(100% + 64px);
-  @apply pr-4 -mr-4 pl-12 -ml-12;
+  width: calc(100% + 48px);
+  @apply pr-4 -mr-4 pl-8 -ml-8;
 
   &:before {
     position: absolute;
-    left: -32px;
+    left: -22px;
     content: '+';
   }
 }
diff --git a/src/routes/blog/this-blog/+page.svx b/src/routes/blog/this-blog/+page.svx
index 2fb2968..1041ab1 100644
--- a/src/routes/blog/this-blog/+page.svx
+++ b/src/routes/blog/this-blog/+page.svx
@@ -100,24 +100,24 @@ npm i -D mdsvex @mavrin/remark-typograf
 ```js
 // svelte.config.js
 import adapter from "@sveltejs/adapter-auto";
-import {vitePreprocess} from '@sveltejs/vite-plugin-svelte';
+import {vitePreprocess} from "@sveltejs/vite-plugin-svelte";
 import {mdsvex} from "mdsvex"; // [!code ++]
 import remarkTypograf from "@mavrin/remark-typograf"; // [!code ++]
 
 const config = {
-	extensions: [
+  extensions: [
     ".svelte",
     ".svx" // [!code ++]
   ],
-	preprocess: [
-		vitePreprocess(),
-		mdsvex({ // [!code ++]
-			remarkPlugins: [remarkTypograf] // [!code ++]
-		}) // [!code ++]
-	],
-	kit: {
-		adapter: adapter()
-	}
+  preprocess: [
+    vitePreprocess(),
+    mdsvex({ // [!code ++]
+      remarkPlugins: [remarkTypograf] // [!code ++]
+    }) // [!code ++]
+  ],
+  kit: {
+    adapter: adapter()
+  }
 };
 
 export default config;