From 6ff8abedda5f064042018d93fb95e20744c5661e Mon Sep 17 00:00:00 2001
From: Neil Vallecer <140867360+Neil-urk12@users.noreply.github.com>
Date: Tue, 21 Oct 2025 01:19:04 +0800
Subject: [PATCH] fix: modified the bottom paddings of both code and preview
 tabs to make them more consistent

- added pb-8 to code tab container to match preview tab spacing and to
put space between the border of the code tab container and the bottom of
the browser
- adjusted the preview tab padding from pb-8 to pb-4 for better visual
balance
---
 src/lib/components/Preview.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/Preview.svelte b/src/lib/components/Preview.svelte
index 1c39b8e..92429af 100644
--- a/src/lib/components/Preview.svelte
+++ b/src/lib/components/Preview.svelte
@@ -54,7 +54,7 @@
 		</Button>
 	</div>
 	<Tabs.Content value="preview">
-		<iframe class="h-full w-full rounded-lg pb-8" title="Preview" srcdoc={code}></iframe>
+		<iframe class="h-full w-full rounded-lg pb-4" title="Preview" srcdoc={code}></iframe>
 	</Tabs.Content>
 	<Tabs.Content value="code">
 		<Highlight language={xml} {code} let:highlighted>
@@ -62,7 +62,7 @@
 				{highlighted}
 				wrapLines
 				hideBorder
-				class="h-full max-h-[90vh] w-full overflow-auto rounded-lg"
+				class="h-full max-h-[90vh] w-full overflow-auto rounded-lg pb-8"
 			/>
 		</Highlight>
 	</Tabs.Content>