fix: hide number spinner, placeholders

src/lib/converters/ffmpeg.svelte.ts

@@ -283,7 +283,7 @@ export class FFmpegConverter extends Converter {
 		const userSetting = Settings.instance.settings.ffmpegQuality;
 		const userSampleRate = Settings.instance.settings.ffmpegSampleRate;
 		const customSampleRate =
-			Settings.instance.settings.ffmpegCustomSampleRate;
+			Settings.instance.settings.ffmpegCustomSampleRate ?? 44100;
 		let audioBitrateArgs: string[] = [];
 		let sampleRateArgs: string[] = [];
 

src/lib/css/app.scss

@@ -374,6 +374,17 @@ body {
 		@apply w-full p-3 rounded-lg bg-panel border-2 border-button pl-3 pr-[4rem];
 	}
 
+	input[type="number"]::-webkit-inner-spin-button,
+	input[type="number"]::-webkit-outer-spin-button {
+		-webkit-appearance: none;
+		margin: 0;
+	}
+
+	input[type="number"] {
+		-moz-appearance: textfield;
+		appearance: textfield;
+	}
+
 	input[type="text"]::placeholder {
 		@apply text-muted font-normal;
 	}

src/lib/sections/settings/Conversion.svelte

@@ -64,6 +64,7 @@
 							type="number"
 							min={1}
 							max={100}
+							placeholder={"100"}
 							extension={"%"}
 						/>
 					</div>
@@ -106,6 +107,7 @@
 							}
 							type="number"
 							min={1}
+							placeholder={"44100"}
 							extension={"Hz"}
 							disabled={settings.ffmpegSampleRate !== "custom"}
 						/>