Use label_format in number_range input control

Author: misode

src/app/components/TextComponent.tsx

@@ -112,7 +112,7 @@ function TextPart({ part, lang, oneline }: { part: PartData, lang: Record<string
 }
 
 function resolveTranslate(translate: string, fallback: string | undefined, with_: any[] | undefined, lang: Record<string, string>): string {
-	const str = lang[translate] ?? fallback
+	const str = lang[translate] ?? fallback ?? translate
 	if (typeof str !== 'string') return translate
 	const params = with_?.map((c): string => {
 		if (typeof c === 'string' || typeof c === 'number') return `${c}`

src/app/components/previews/DialogPreview.tsx

@@ -220,8 +220,7 @@ function InputControl({ input }: { input: any }) {
 	}
 
 	if (type === 'number_range') {
-		// TODO: use label_format
-		const label = {translate: 'options.generic_value', with: [input.label ?? '', input.start ?? 0]}
+		const label = {translate: input.label_format ?? 'options.generic_value', with: [input.label ?? '', input.start ?? 0]}
 		return <div class="dialog-slider" style={`width: ${px(input.width ?? 200)}; height: ${px(20)};`}>
 			<div class="dialog-slider-track"></div>
 			<div class="dialog-slider-handle"></div>

src/styles/global.css

@@ -1981,6 +1981,7 @@ hr {
 	display: flex;
 	align-items: center;
 	justify-content: center;
+	padding-bottom: var(--dialog-px);
 }
 
 .project-files {