From b060700dfef42883c0d4d942e19548c72476cbc4 Mon Sep 17 00:00:00 2001
From: Aarnav Tale <aarnavtale@icloud.com>
Date: Mon, 6 Jan 2025 08:31:49 +0530
Subject: [PATCH] fix: blur footer URL for screenshots

---
 app/components/Footer.tsx | 8 +++++++-
 tailwind.config.ts        | 3 +++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx
index 37be9c6..9f4d118 100644
--- a/app/components/Footer.tsx
+++ b/app/components/Footer.tsx
@@ -1,5 +1,6 @@
 import { cn } from '~/utils/cn';
 import Link from '~/components/Link';
+import Tooltip from '~/components/Tooltip';
 
 declare global {
 	const __VERSION__: string;
@@ -33,7 +34,12 @@ export default function Footer({ url, debug }: FooterProps) {
 			<p className="container text-xs opacity-75">
 				Version: {__VERSION__}
 				{' | '}
-				Connecting to <strong>{url}</strong> {debug && '(Debug mode enabled)'}
+				Connecting to
+				{' '}
+				<strong className="blur-xs hover:blur-none">
+					{url}
+				</strong>
+				{debug && ' (Debug mode enabled)'}
 			</p>
 		</footer>
 	);
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 965ab03..6297582 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -18,6 +18,9 @@ export default {
 			},
 		},
 		extend: {
+			blur: {
+				xs: '2px',
+			},
 			height: {
 				editor: 'calc(100vh - 20rem)',
 			},