task: Remove unreachable tailwind-indicator

This commit is contained in:
Bart van der Braak 2023-06-06 21:30:03 +02:00
parent 89b81530c7
commit 18bb4d94a5
2 changed files with 0 additions and 18 deletions

View file

@ -1,7 +1,6 @@
import { Inter } from 'next/font/google';
import LocalFont from "next/font/local";
import { TailwindIndicator } from "@/components/tailwind-indicator";
import { ThemeProvider } from "@/components/theme-provider";
import "tailwindcss/tailwind.css";
import { ToastProvider } from "../toast-provider";
@ -72,7 +71,6 @@ export default async function RootLayout({ children }: RootLayoutProps) {
<body className="min-h-screen antialiased">
<ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
<ToastProvider>{children}</ToastProvider>
<TailwindIndicator />
</ThemeProvider>
</body>
</html>

View file

@ -1,16 +0,0 @@
export function TailwindIndicator() {
if (process.env.NODE_ENV === "production") {
return null;
}
return null;
return (
<div className="fixed z-50 flex items-center justify-center w-6 h-6 p-3 font-mono text-xs text-white rounded bg-zinc-800 bottom-1 left-1">
<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 xl:block 2xl:hidden">xl</div>
<div className="hidden 2xl:block">2xl</div>
</div>
);
}