From f8372c533f226be58d7580b4708bdb5e8c2fdd78 Mon Sep 17 00:00:00 2001 From: Wang Guan Date: Thu, 2 Oct 2025 00:34:43 +0900 Subject: [PATCH 1/2] fix MovableAreaImageBackground against tailwindcss --- src/components/project-file/MovableAreaImageBackground.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/components/project-file/MovableAreaImageBackground.tsx b/src/components/project-file/MovableAreaImageBackground.tsx index bc2a18b..0a5fa2c 100644 --- a/src/components/project-file/MovableAreaImageBackground.tsx +++ b/src/components/project-file/MovableAreaImageBackground.tsx @@ -1,6 +1,7 @@ import { css } from '@emotion/core'; import React, { useRef } from 'react'; import { FC } from '@/interfaces'; +import classNames from 'classnames'; /** 可移动区域图片背景的属性接口 */ interface MovableAreaImageBackgroundProps { @@ -14,7 +15,8 @@ interface MovableAreaImageBackgroundProps { */ export const MovableAreaImageBackground: FC< MovableAreaImageBackgroundProps -> = ({ src, onLoad, className }) => { +> = ({ src, onLoad, className: _className }) => { + const className = classNames(_className, 'max-w-none'); const domRef = useRef(null); return ( Date: Thu, 2 Oct 2025 00:36:19 +0900 Subject: [PATCH 2/2] comment --- src/components/project-file/MovableAreaImageBackground.tsx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/components/project-file/MovableAreaImageBackground.tsx b/src/components/project-file/MovableAreaImageBackground.tsx index 0a5fa2c..2a6d386 100644 --- a/src/components/project-file/MovableAreaImageBackground.tsx +++ b/src/components/project-file/MovableAreaImageBackground.tsx @@ -16,6 +16,10 @@ interface MovableAreaImageBackgroundProps { export const MovableAreaImageBackground: FC< MovableAreaImageBackgroundProps > = ({ src, onLoad, className: _className }) => { + /** + * required to override tailwindcss's @base + * see https://tailwindcss.com/docs/preflight#images-are-block-level + */ const className = classNames(_className, 'max-w-none'); const domRef = useRef(null); return (