Improve styling on added words

This commit is contained in:
James Brunton 2025-09-09 12:03:25 +01:00
parent db72bcb0f8
commit 7679ad3ec6

View File

@ -38,11 +38,10 @@ export default function WordsToRedactInput({ wordsToRedact, onWordsChange, disab
{/* Current words */} {/* Current words */}
{wordsToRedact.map((word, index) => ( {wordsToRedact.map((word, index) => (
<Group key={index} justify="space-between" style={{ <Group key={index} justify="space-between" p="sm" style={{
padding: '8px 12px', borderRadius: 'var(--mantine-radius-sm)',
backgroundColor: '#f8f9fa', border: `1px solid var(--mantine-color-gray-3)`,
borderRadius: '4px', backgroundColor: 'var(--mantine-color-gray-0)'
border: '1px solid #e9ecef'
}}> }}>
<Text size="sm">{word}</Text> <Text size="sm">{word}</Text>
<ActionIcon <ActionIcon