增加尚未选择颜色的提示。
This commit is contained in:
parent
50646ffccf
commit
14851c8284
|
@ -14,6 +14,10 @@
|
||||||
border-radius: var(--border-radius-xxs);
|
border-radius: var(--border-radius-xxs);
|
||||||
border: 1px solid var(--color-border);
|
border: 1px solid var(--color-border);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
font-size: var(--font-size-xs);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.picker {
|
.picker {
|
||||||
|
|
|
@ -35,7 +35,9 @@ export function FloatColorPicker({ name, color, onPick }: FloatColorPickerProps)
|
||||||
onClick={() => setPickerShow(true)}
|
onClick={() => setPickerShow(true)}
|
||||||
style={{
|
style={{
|
||||||
backgroundColor: isNil(pickedColor) ? 'rgba(0, 0, 0, 0)' : `#${pickedColor}`,
|
backgroundColor: isNil(pickedColor) ? 'rgba(0, 0, 0, 0)' : `#${pickedColor}`,
|
||||||
}}></div>
|
}}>
|
||||||
|
{isNil(pickedColor) && <span>N/A</span>}
|
||||||
|
</div>
|
||||||
<ActionIcon icon="tabler:x" onClick={() => handlePickAction(null)} />
|
<ActionIcon icon="tabler:x" onClick={() => handlePickAction(null)} />
|
||||||
</div>
|
</div>
|
||||||
{showPicker && (
|
{showPicker && (
|
||||||
|
|
Loading…
Reference in New Issue
Block a user