From c5d2aa3c95e45f9e9fdac91e7fd4e456b9302851 Mon Sep 17 00:00:00 2001
From: axzilla <hello@axeladrian.com>
Date: Sat, 8 Feb 2025 09:44:05 +0700
Subject: [PATCH] docs: make tailwindcss version hint more visible

---
 internal/ui/pages/how_to_use.templ | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/internal/ui/pages/how_to_use.templ b/internal/ui/pages/how_to_use.templ
index 72ec904..9ea3a99 100644
--- a/internal/ui/pages/how_to_use.templ
+++ b/internal/ui/pages/how_to_use.templ
@@ -247,7 +247,7 @@ templ HowToUse() {
 					</div>
 					<div>
 						<h3 class="text-xl font-semibold mb-2">3. Tailwind CSS CLI (Standalone)</h3>
-						<small>Currently only compatible with Tailwind CSS v3.x. Support for Tailwind CSS v4.x is work in progress.</small>
+						<small class="text-red-500 font-bold">Currently only compatible with Tailwind CSS v3.x. Support for Tailwind CSS v4.x is work in progress.</small>
 						<p class="mb-2">Install the standalone CLI based on your operating system:</p>
 						<div class="space-y-4">
 							// TODO: Bring back if v4 is implemented
@@ -545,4 +545,3 @@ templ HowToUse() {
 		</div>
 	}
 }
-