From fa1411b1e3ab793f753c4df878a0773ce88d7fdd Mon Sep 17 00:00:00 2001
From: Maya <jovannmc@femboyfurry.net>
Date: Tue, 2 Sep 2025 21:18:56 +0800
Subject: [PATCH] fix: hide number spinner, placeholders

---
 src/lib/converters/ffmpeg.svelte.ts         |  2 +-
 src/lib/css/app.scss                        | 11 +++++++++++
 src/lib/sections/settings/Conversion.svelte |  2 ++
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/lib/converters/ffmpeg.svelte.ts b/src/lib/converters/ffmpeg.svelte.ts
index 9a9c88e..2090753 100644
--- a/src/lib/converters/ffmpeg.svelte.ts
+++ b/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[] = [];
 
diff --git a/src/lib/css/app.scss b/src/lib/css/app.scss
index 7cf11b9..2a12baf 100644
--- a/src/lib/css/app.scss
+++ b/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;
 	}
diff --git a/src/lib/sections/settings/Conversion.svelte b/src/lib/sections/settings/Conversion.svelte
index 70ebb26..d6391dc 100644
--- a/src/lib/sections/settings/Conversion.svelte
+++ b/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"}
 						/>