From 14851c828473718eb94ddca61ab50bf2a0ba08cc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E6=B6=9B?= <midnite@outlook.com>
Date: Mon, 27 Jan 2025 08:08:43 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=B0=9A=E6=9C=AA=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E9=A2=9C=E8=89=B2=E7=9A=84=E6=8F=90=E7=A4=BA=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/FloatColorPicker.module.css | 4 ++++
 src/components/FloatColorPicker.tsx        | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/FloatColorPicker.module.css b/src/components/FloatColorPicker.module.css
index 648989c..0a2ce9b 100644
--- a/src/components/FloatColorPicker.module.css
+++ b/src/components/FloatColorPicker.module.css
@@ -14,6 +14,10 @@
         border-radius: var(--border-radius-xxs);
         border: 1px solid var(--color-border);
         cursor: pointer;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-size: var(--font-size-xs);
       }
     }
     .picker {
diff --git a/src/components/FloatColorPicker.tsx b/src/components/FloatColorPicker.tsx
index 056ccb2..91f183f 100644
--- a/src/components/FloatColorPicker.tsx
+++ b/src/components/FloatColorPicker.tsx
@@ -35,7 +35,9 @@ export function FloatColorPicker({ name, color, onPick }: FloatColorPickerProps)
           onClick={() => setPickerShow(true)}
           style={{
             backgroundColor: isNil(pickedColor) ? 'rgba(0, 0, 0, 0)' : `#${pickedColor}`,
-          }}></div>
+          }}>
+          {isNil(pickedColor) && <span>N/A</span>}
+        </div>
         <ActionIcon icon="tabler:x" onClick={() => handlePickAction(null)} />
       </div>
       {showPicker && (