style(widget): fix styles

pingcap · Sep 9, 2024 · cc21027 · cc21027
1 parent 75b3569
commit cc21027
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/frontend/app/src/components/remark-content/remark-content.tsx b/frontend/app/src/components/remark-content/remark-content.tsx
@@ -11,8 +11,8 @@ import { unified } from 'unified';
 import { getRehypeReactOptions } from './components';
 import { RemarkContentContext } from './context';
 import { rehypeHighlightOptions } from './highlight';
-import '../code-theme.scss';
-import './style.scss';
+import '@/components/code-theme.scss';
+import '@/components/remark-content/style.scss';
 
 export function RemarkContent ({ children = '' }: { children: string | undefined }) {
   const portalContainer = usePortalContainer();

diff --git a/frontend/packages/widget-react/src/Widget.tsx b/frontend/packages/widget-react/src/Widget.tsx
@@ -126,7 +126,7 @@ export const Widget = forwardRef<WidgetInstance, WidgetProps>(({ container, trig
               <DialogPortal container={container}>
                 <DialogOverlay />
                 <DialogPrimitive.Content
-                  className="fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg w-[calc(100%-32px)] lg:w-[50vw] h-max">
+                  className="fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg w-[calc(100%-32px)] lg:w-[50vw]">
                   <DialogHeader>
                     <DialogTitle className="flex items-center gap-4">
                       <img className="h-8" src={icon} alt="logo" height={32} />