refactor(web): use compact prop for inline mini-abacus
Replace manual customStyles with compact={true} in AbacusTarget.tsx.
Before: 7 props + customStyles override
After: compact={true} automatically handles frame visibility
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
9f7f001d74
commit
ff1d60a233
|
|
@ -23,13 +23,11 @@ export function AbacusTarget({ number }: AbacusTargetProps) {
|
||||||
<AbacusReact
|
<AbacusReact
|
||||||
value={number}
|
value={number}
|
||||||
columns={1}
|
columns={1}
|
||||||
|
compact={true}
|
||||||
interactive={false}
|
interactive={false}
|
||||||
showNumbers={false}
|
showNumbers={false}
|
||||||
hideInactiveBeads={true}
|
hideInactiveBeads={true}
|
||||||
scaleFactor={0.72}
|
scaleFactor={0.72}
|
||||||
customStyles={{
|
|
||||||
columnPosts: { opacity: 0 },
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue