From 0f335cda27496b31ac59071631e4d6d20698288e Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Mon, 21 Apr 2025 20:39:04 +0200
Subject: [PATCH] feat: add 'Preview' link to global documentation navigation

---
 docs/eleventy.config.mjs         | 1 +
 shared/layouts/docs/default.html | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/docs/eleventy.config.mjs b/docs/eleventy.config.mjs
index b1245e964..0fe4d2d48 100644
--- a/docs/eleventy.config.mjs
+++ b/docs/eleventy.config.mjs
@@ -267,6 +267,7 @@ export default function (eleventyConfig) {
 
 	eleventyConfig.addGlobalData("docs-links", [
 		{ title: 'Website', url: 'https://tabler.io', icon: 'world' },
+		{ title: 'Preview', url: 'https://preview.tabler.io', icon: 'layout-dashboard' },
 		{ title: 'Support', url: 'https://tabler.io/support', icon: 'headset' },
 	]);
 
diff --git a/shared/layouts/docs/default.html b/shared/layouts/docs/default.html
index 2df8615ea..b708414e5 100644
--- a/shared/layouts/docs/default.html
+++ b/shared/layouts/docs/default.html
@@ -40,8 +40,8 @@
 			<div class="row g-0">
 				<div class="col-docs d-none d-lg-block border-end">
 					<div class="py-4">
-						<div class="space-y">
-							<div class="nav nav-vertical nav-pills">
+						<div class="space-y space-y-5">
+							<div class="nav nav-vertical">
 								{% for link in docs-links %}
 								<a href="{{ link.url }}" class="nav-link" target="_blank">
 									<span class="border me-2 rounded p-1">{% include "ui/icon.html" icon=link.icon %}</span>