From d6d4017b951782b5af9ca1187ad74d2de9268498 Mon Sep 17 00:00:00 2001
From: Brad Adams <hi@breadadams.com>
Date: Thu, 25 May 2023 19:05:41 +0200
Subject: [PATCH] fix: tailwind-indicator classnames (#453)

+ Remove unnecessary `hidden` breakpoint classnames

Co-authored-by: shadcn <m@shadcn.com>
---
 apps/www/components/tailwind-indicator.tsx                | 8 +++-----
 templates/next-template/components/tailwind-indicator.tsx | 8 +++-----
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/apps/www/components/tailwind-indicator.tsx b/apps/www/components/tailwind-indicator.tsx
index 5bd69ace0..535e07423 100644
--- a/apps/www/components/tailwind-indicator.tsx
+++ b/apps/www/components/tailwind-indicator.tsx
@@ -4,11 +4,9 @@ export function TailwindIndicator() {
   return (
     <div className="fixed bottom-1 left-1 z-50 flex h-6 w-6 items-center justify-center rounded-full bg-gray-800 p-3 font-mono text-xs text-white">
       <div className="block sm:hidden">xs</div>
-      <div className="hidden sm:block md:hidden lg:hidden xl:hidden 2xl:hidden">
-        sm
-      </div>
-      <div className="hidden md:block lg:hidden xl:hidden 2xl:hidden">md</div>
-      <div className="hidden lg:block xl:hidden 2xl:hidden">lg</div>
+      <div className="hidden sm:block md:hidden">sm</div>
+      <div className="hidden md:block lg:hidden">md</div>
+      <div className="hidden lg:block xl:hidden">lg</div>
       <div className="hidden xl:block 2xl:hidden">xl</div>
       <div className="hidden 2xl:block">2xl</div>
     </div>
diff --git a/templates/next-template/components/tailwind-indicator.tsx b/templates/next-template/components/tailwind-indicator.tsx
index 5bd69ace0..535e07423 100644
--- a/templates/next-template/components/tailwind-indicator.tsx
+++ b/templates/next-template/components/tailwind-indicator.tsx
@@ -4,11 +4,9 @@ export function TailwindIndicator() {
   return (
     <div className="fixed bottom-1 left-1 z-50 flex h-6 w-6 items-center justify-center rounded-full bg-gray-800 p-3 font-mono text-xs text-white">
       <div className="block sm:hidden">xs</div>
-      <div className="hidden sm:block md:hidden lg:hidden xl:hidden 2xl:hidden">
-        sm
-      </div>
-      <div className="hidden md:block lg:hidden xl:hidden 2xl:hidden">md</div>
-      <div className="hidden lg:block xl:hidden 2xl:hidden">lg</div>
+      <div className="hidden sm:block md:hidden">sm</div>
+      <div className="hidden md:block lg:hidden">md</div>
+      <div className="hidden lg:block xl:hidden">lg</div>
       <div className="hidden xl:block 2xl:hidden">xl</div>
       <div className="hidden 2xl:block">2xl</div>
     </div>