Skip to content

Commit b6f3fc3

Browse files
committed
Add kebab
1 parent b86a300 commit b6f3fc3

File tree

1 file changed

+2
-1
lines changed

1 file changed

+2
-1
lines changed

apps/builder/app/builder/features/settings-panel/props-section/animation/animation-keyframes.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@ import {
1515
CssValueInput,
1616
type IntermediateStyleValue,
1717
} from "~/builder/features/style-panel/shared/css-value-input";
18+
import { toKebabCase } from "~/builder/features/style-panel/shared/keyword-utils";
1819
import { CodeEditor } from "~/builder/shared/code-editor";
1920
import { useIds } from "~/shared/form-utils";
2021

@@ -116,7 +117,7 @@ const Keyframe = ({
116117
const cssProperties = useMemo(() => {
117118
let result = ``;
118119
for (const [property, style] of Object.entries(value.styles)) {
119-
result = `${result}${property}: ${toValue(style)};\n`;
120+
result = `${result}${toKebabCase(property)}: ${toValue(style)};\n`;
120121
}
121122
return result;
122123
}, [value.styles]);

0 commit comments

Comments
 (0)