From c745a249f54e34c93e297ce708ba8d3ea161e183 Mon Sep 17 00:00:00 2001
From: Sergio <77530549+sergi0g@users.noreply.github.com>
Date: Fri, 17 Oct 2025 17:26:44 +0300
Subject: [PATCH] fix: hide version badge in web UI on small screens

---
 web/src/components/Badge.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/components/Badge.tsx b/web/src/components/Badge.tsx
index 94a887e..b7b70e8 100644
--- a/web/src/components/Badge.tsx
+++ b/web/src/components/Badge.tsx
@@ -4,7 +4,7 @@ import { theme } from "../theme";
 export default function Badge({ from, to }: { from: string; to: string }) {
   return (
     <span
-      className={`inline-flex items-center rounded-full bg-${theme}-50 px-2 py-1 text-xs font-medium text-${theme}-700 ring-1 ring-inset ring-${theme}-700/10 dark:bg-${theme}-400/10 dark:text-${theme}-400 dark:ring-${theme}-400/30 break-keep`}
+      className={`hidden sm:block inline-flex items-center rounded-full bg-${theme}-50 px-2 py-1 text-xs font-medium text-${theme}-700 ring-1 ring-inset ring-${theme}-700/10 dark:bg-${theme}-400/10 dark:text-${theme}-400 dark:ring-${theme}-400/30 break-keep`}
     >
       {from}
       <ArrowRight className="size-3" />