fix: reactivity
This commit is contained in:
parent
5bc77a2291
commit
11e5db02ed
|
|
@ -30,13 +30,12 @@ export function CardLayer(props: CardLayerProps) {
|
||||||
return (
|
return (
|
||||||
<For each={props.layers}>
|
<For each={props.layers}>
|
||||||
{(layer) => {
|
{(layer) => {
|
||||||
const layerStyle = getLayerStyle(layer, props.dimensions);
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<article
|
<article
|
||||||
class="absolute flex items-center justify-center text-center prose prose-sm"
|
class="absolute flex items-center justify-center text-center prose prose-sm"
|
||||||
style={{
|
style={{
|
||||||
...layerStyle,
|
...getLayerStyle(layer, props.dimensions),
|
||||||
'font-size': `${props.dimensions.fontSize}mm`
|
'font-size': `${props.dimensions.fontSize}mm`
|
||||||
}}
|
}}
|
||||||
innerHTML={renderLayerContent(layer, props.cardData)}
|
innerHTML={renderLayerContent(layer, props.cardData)}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue