From d0775f07cfc9b42c83cdca84c7a184db1ed2deae Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sat, 8 Feb 2025 16:41:29 -0600
Subject: [PATCH] Remove tailwind js reference

---
 src/app/layout.tsx                   | 6 +++---
 src/{site => css}/sonner.css         | 0
 src/{site => css}/viewerjs.css       | 0
 src/utility/useIsDesktop.ts          | 6 +-----
 src/site/globals.css => tailwind.css | 0
 5 files changed, 4 insertions(+), 8 deletions(-)
 rename src/{site => css}/sonner.css (100%)
 rename src/{site => css}/viewerjs.css (100%)
 rename src/site/globals.css => tailwind.css (100%)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 5dc1c667..1596de73 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -20,9 +20,9 @@ import SwrConfigClient from '../state/SwrConfigClient';
 import AdminBatchEditPanel from '@/admin/AdminBatchEditPanel';
 import ShareModals from '@/share/ShareModals';
 
-import '../site/globals.css';
-import '../site/sonner.css';
-import '../site/viewerjs.css';
+import '../../tailwind.css';
+import '../css/sonner.css';
+import '../css/viewerjs.css';
 
 export const metadata: Metadata = {
   title: SITE_TITLE,
diff --git a/src/site/sonner.css b/src/css/sonner.css
similarity index 100%
rename from src/site/sonner.css
rename to src/css/sonner.css
diff --git a/src/site/viewerjs.css b/src/css/viewerjs.css
similarity index 100%
rename from src/site/viewerjs.css
rename to src/css/viewerjs.css
diff --git a/src/utility/useIsDesktop.ts b/src/utility/useIsDesktop.ts
index 0b67e96a..5f6963a2 100644
--- a/src/utility/useIsDesktop.ts
+++ b/src/utility/useIsDesktop.ts
@@ -1,15 +1,11 @@
-import resolveConfig from 'tailwindcss/resolveConfig';
-import tailwindConfig from '@/../tailwind.config';
 import { useLayoutEffect, useState } from 'react';
 
-const screens = resolveConfig(tailwindConfig).theme?.screens as any;
-
 export default function useIsDesktop() {
   const [isDesktop, setIsDesktop] = useState(false);
 
   useLayoutEffect(() => {
     if (typeof window !== 'undefined') {
-      const mql = window.matchMedia(`(min-width: ${screens.md})`);
+      const mql = window.matchMedia('(min-width: var(--breakpoint-md))');
       setIsDesktop(mql.matches);
       const eventHandler = (event: MediaQueryListEvent) => {
         setIsDesktop(event.matches);
diff --git a/src/site/globals.css b/tailwind.css
similarity index 100%
rename from src/site/globals.css
rename to tailwind.css