From de9c6c1b28854c4eee8aa550664a44b1aa26f0f2 Mon Sep 17 00:00:00 2001
From: Kian Newman-Hazel <kian@cloudflare.com>
Date: Mon, 6 Jan 2025 13:01:11 +0000
Subject: [PATCH] [Docs Site] Hide Cursor illustration on small-medium
 viewports

---
 src/pages/workers/ai.astro | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/pages/workers/ai.astro b/src/pages/workers/ai.astro
index 414dcb49d5b17b..afa42557791a31 100644
--- a/src/pages/workers/ai.astro
+++ b/src/pages/workers/ai.astro
@@ -8,7 +8,7 @@ import CursorLight from "~/assets/images/workers/ai/cursor-light.png";
 
 <StarlightPage frontmatter={{ title: "AI Assistant", tableOfContents: false }}>
 	<section id="assistant-header">
-		<div class="not-content">
+		<div class="not-content max-lg:hidden">
 			<Image
 				src={CursorDark}
 				alt="Cursor illustration"
@@ -24,9 +24,14 @@ import CursorLight from "~/assets/images/workers/ai/cursor-light.png";
 		</div>
 		<div id="text">
 			<h1>
-				<div class="illustration"></div>
 				Meet your AI assistant, Cursor
-				<div class="alpha">AI Preview</div>
+				<div>
+					<span
+						class="ml-1 rounded-full bg-orange-200 px-2 py-0.5 text-xs text-orange-900"
+					>
+						AI Preview
+					</span>
+				</div>
 			</h1>
 			<p>
 				Cursor is an experimental AI assistant, trained to answer questions