From 395578069a84a4d7b1c4abae8bad586dce056739 Mon Sep 17 00:00:00 2001
From: JOYCEQL <1449239013@qq.com>
Date: Tue, 19 Nov 2024 12:04:46 +0800
Subject: [PATCH] style: basepanel style

---
 .../components/editor/basic/BasicPanel.tsx    | 22 +++++++++----------
 apps/fronted/tailwind.config.ts               |  1 +
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/apps/fronted/src/components/editor/basic/BasicPanel.tsx b/apps/fronted/src/components/editor/basic/BasicPanel.tsx
index 0e72329..fb12810 100644
--- a/apps/fronted/src/components/editor/basic/BasicPanel.tsx
+++ b/apps/fronted/src/components/editor/basic/BasicPanel.tsx
@@ -67,7 +67,7 @@ const CustomField: React.FC<CustomFieldProps> = ({
           "border border-neutral-100 dark:border-neutral-700",
           "transition-all duration-200",
           "hover:shadow-md hover:border-neutral-200 dark:hover:border-neutral-600",
-          !field.visible && "opacity-60"
+          !field.visible && "!opacity-60"
         )}
       >
         <div className="flex items-center justify-center">
@@ -321,11 +321,11 @@ const BasicPanel: React.FC = () => {
         <PhotoUpload theme={theme} />
       </motion.div>
 
-      <div className="space-y-6">
-        <div className="space-y-3">
-          <h3 className="font-medium text-neutral-900 dark:text-neutral-200 px-1">
+      <motion.div className="space-y-6">
+        <motion.div className="space-y-3">
+          <motion.h3 className="font-medium text-neutral-900 dark:text-neutral-200 px-1">
             基本字段
-          </h3>
+          </motion.h3>
           <AnimatePresence mode="popLayout">
             <Reorder.Group
               axis="y"
@@ -337,12 +337,12 @@ const BasicPanel: React.FC = () => {
               {basicFields.map((field) => renderBasicField(field))}
             </Reorder.Group>
           </AnimatePresence>
-        </div>
+        </motion.div>
 
-        <div className="space-y-3">
-          <h3 className="font-medium text-neutral-900 dark:text-neutral-200 px-1">
+        <motion.div className="space-y-3">
+          <motion.h3 className="font-medium text-neutral-900 dark:text-neutral-200 px-1">
             自定义字段
-          </h3>
+          </motion.h3>
           <AnimatePresence mode="popLayout">
             <Reorder.Group
               axis="y"
@@ -382,8 +382,8 @@ const BasicPanel: React.FC = () => {
               添加自定义字段
             </Button>
           </motion.div>
-        </div>
-      </div>
+        </motion.div>
+      </motion.div>
     </div>
   );
 };
diff --git a/apps/fronted/tailwind.config.ts b/apps/fronted/tailwind.config.ts
index 850aadc..be0fa69 100644
--- a/apps/fronted/tailwind.config.ts
+++ b/apps/fronted/tailwind.config.ts
@@ -1,6 +1,7 @@
 import type { Config } from "tailwindcss";
 
 const config = {
+  important: true,
   darkMode: ["class"],
   content: [
     "./pages/**/*.{ts,tsx}",