CR - Fix theme type imports

FilecoinFoundationWeb · Feb 11, 2025 · 246d9c2 · 246d9c2
1 parent e25b269
commit 246d9c2
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/apps/site/src/app/_components/Card.tsx b/apps/site/src/app/_components/Card.tsx
@@ -2,7 +2,7 @@ import Image, { type ImageProps } from 'next/image'
 
 import { ArrowUpRight } from '@phosphor-icons/react/dist/ssr'
 import { clsx } from 'clsx'
-import theme from 'tailwindcss/defaultTheme'
+import theme from 'tailwindcss/dist/default-theme'
 
 import { type CTAProps } from '@/types/ctaType'
 import type { ImageObjectFit, StaticImageProps } from '@/types/imageType'
@@ -72,7 +72,7 @@ export function Card({
   return (
     <Tag
       className={clsx(
-        'relative h-full rounded-lg border bg-brand-700/30 backdrop-blur-xl',
+        'relative h-full rounded-lg border bg-brand-700 bg-opacity-30 backdrop-blur-xl',
         borderStyles[borderColor],
       )}
     >

diff --git a/apps/site/src/app/_components/Form/FormListbox.tsx b/apps/site/src/app/_components/Form/FormListbox.tsx
@@ -1,5 +1,5 @@
 import { Listbox } from '@headlessui/react'
-import theme from 'tailwindcss/defaultTheme'
+import theme from 'tailwindcss/dist/default-theme'
 
 import { FormField, type FormFieldProps } from '@/components/Form/FormField'
 import { type IconProps } from '@/components/Icon'

diff --git a/apps/site/src/app/_utils/buildImageSizeProp.ts b/apps/site/src/app/_utils/buildImageSizeProp.ts
@@ -1,4 +1,4 @@
-import theme from 'tailwindcss/defaultTheme'
+import theme from 'tailwindcss/dist/default-theme'
 
 const screens = theme.screens
 

diff --git a/apps/site/src/app/events/[slug]/components/ScheduleSection/Tabs.tsx b/apps/site/src/app/events/[slug]/components/ScheduleSection/Tabs.tsx
@@ -4,7 +4,7 @@ import { useRef } from 'react'
 
 import { Tab, TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/react'
 import { useQueryState, parseAsInteger } from 'nuqs'
-import theme from 'tailwindcss/defaultTheme'
+import theme from 'tailwindcss/dist/default-theme'
 import { useIsMounted, useMediaQuery } from 'usehooks-ts'
 
 import type { Event } from '../../../types/eventType'