Remove tailwind js reference

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 '../../tailwind.css';
-import '../site/sonner.css';
+import '../css/sonner.css';
-import '../site/viewerjs.css';
+import '../css/viewerjs.css';
 
 export const metadata: Metadata = {
   title: SITE_TITLE,

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);