11

src/components/CustomWorldNpcVisualEditor.tsx

@@ -284,6 +284,12 @@ function ActionButton({
   return (
     <button
       type="button"
+      onPointerDown={(event) => {
+        event.stopPropagation();
+      }}
+      onMouseDown={(event) => {
+        event.stopPropagation();
+      }}
       onClick={onClick}
       className={`rounded-full border px-4 py-2 text-sm font-semibold transition-colors ${
         tone === 'sky'
@@ -301,6 +307,7 @@ export function CustomWorldNpcPortrait({
   profile,
   visual,
   className = '',
+  contentClassName = 'min-h-[7rem] p-3',
   scale = 2.05,
   preferImageSrc = false,
 }: {
@@ -308,6 +315,7 @@ export function CustomWorldNpcPortrait({
   profile?: CustomWorldProfile | null;
   visual?: CustomWorldNpcVisual;
   className?: string;
+  contentClassName?: string;
   scale?: number;
   preferImageSrc?: boolean;
 }) {
@@ -321,7 +329,9 @@ export function CustomWorldNpcPortrait({
   return (
     <div className={`relative overflow-hidden rounded-2xl border border-white/10 bg-[radial-gradient(circle_at_top,rgba(56,189,248,0.16),transparent_48%),linear-gradient(180deg,rgba(19,24,39,0.96),rgba(8,10,17,0.92))] ${className}`}>
       <div className="absolute inset-0 opacity-10 [background-image:linear-gradient(rgba(255,255,255,0.16)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,0.16)_1px,transparent_1px)] [background-size:16px_16px]" />
-      <div className="relative flex h-full min-h-[7rem] items-center justify-center p-3">
+      <div
+        className={`relative flex h-full items-center justify-center ${contentClassName}`}
+      >
         {preferredImageSrc ? (
           <img
             src={preferredImageSrc}