fix tw config

fuma-nama · Dec 30, 2024 · 15c4b88 · 15c4b88
1 parent b782c04
commit 15c4b88
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 92 deletions.
diff --git a/packages/ui/build-config.ts b/packages/ui/build-config.ts
diff --git a/packages/ui/src/components/image-zoom.css b/packages/ui/src/components/image-zoom.css
@@ -47,10 +47,6 @@
   background-color: transparent;
 }
 
-[data-rmiz-modal-overlay='visible'] {
-  @apply bg-fd-background;
-}
-
 [data-rmiz-modal-content] {
   width: 100%;
   height: 100%;

diff --git a/packages/ui/src/components/image-zoom.tsx b/packages/ui/src/components/image-zoom.tsx
@@ -28,7 +28,7 @@ export function ImageZoom({
   children,
   rmiz,
   ...props
-}: ImageZoomProps): React.ReactElement {
+}: ImageZoomProps) {
   return (
     <Zoom
       zoomMargin={20}

diff --git a/packages/ui/src/tailwind-plugin.ts b/packages/ui/src/tailwind-plugin.ts
@@ -12,7 +12,7 @@ export interface DocsUIOptions
   /**
    * Prefix to the variable name of colors
    *
-   * @defaultValue ''
+   * @defaultValue 'fd'
    */
   cssPrefix?: string;
 
@@ -144,6 +144,10 @@ export const docsUi = plugin.withOptions<DocsUIOptions>(
         '*': {
           'border-color': `theme('colors.fd-border')`,
         },
+
+        "[data-rmiz-modal-overlay='visible']": {
+          'background-color': `theme('colors.fd-background')`,
+        },
         body: {
           'background-color': `theme('colors.fd-background')`,
           color: `theme('colors.fd-foreground')`,

diff --git a/packages/ui/tsup.config.ts b/packages/ui/tsup.config.ts