From f2c087b805cfd44a48991bd072371a30804b93ae Mon Sep 17 00:00:00 2001
From: twwu <twwu@dify.ai>
Date: Tue, 17 Dec 2024 15:20:32 +0800
Subject: [PATCH] fix: Fix FullScreenDrawer background color missing

---
 .../detail/completed/common/full-screen-drawer.tsx       | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/web/app/components/datasets/documents/detail/completed/common/full-screen-drawer.tsx b/web/app/components/datasets/documents/detail/completed/common/full-screen-drawer.tsx
index 057d073c56..0d86d2de61 100644
--- a/web/app/components/datasets/documents/detail/completed/common/full-screen-drawer.tsx
+++ b/web/app/components/datasets/documents/detail/completed/common/full-screen-drawer.tsx
@@ -1,5 +1,6 @@
 import React, { type FC } from 'react'
 import Drawer from '@/app/components/base/drawer'
+import classNames from '@/utils/classnames'
 
 type IFullScreenDrawerProps = {
   isOpen: boolean
@@ -18,9 +19,11 @@ const FullScreenDrawer: FC<IFullScreenDrawerProps> = ({
     <Drawer
       isOpen={isOpen}
       onClose={onClose}
-      panelClassname={`!p-0 ${fullScreen
-        ? '!max-w-full !w-full'
-        : 'mt-16 mr-2 mb-2 !max-w-[560px] !w-[560px] border-[0.5px] border-components-panel-border rounded-xl'}`}
+      panelClassname={classNames('!p-0 bg-components-panel-bg',
+        fullScreen
+          ? '!max-w-full !w-full'
+          : 'mt-16 mr-2 mb-2 !max-w-[560px] !w-[560px] border-[0.5px] border-components-panel-border rounded-xl',
+      )}
       mask={false}
       unmount
       footer={null}