From f5d9c4a1db8ddda4747acefa03d485a03cd41acd Mon Sep 17 00:00:00 2001 From: Bharat Parsiya Date: Wed, 11 Feb 2026 12:31:09 +0530 Subject: [PATCH] Adjust padding for input fields to accommodate currency symbol length --- frontend/src/pages/SettingsPage.tsx | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/frontend/src/pages/SettingsPage.tsx b/frontend/src/pages/SettingsPage.tsx index 703928706..f0e01c790 100644 --- a/frontend/src/pages/SettingsPage.tsx +++ b/frontend/src/pages/SettingsPage.tsx @@ -1586,7 +1586,8 @@ export function SettingsPage() { onChange={(e) => updateSetting('default_filament_cost', parseFloat(e.target.value) || 0) } - className="w-full pl-8 pr-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none" + style={{ paddingLeft: `${Math.max(2, getCurrencySymbol(localSettings.currency).length * 0.6 + 1)}rem` }} + className="w-full pr-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none" /> @@ -1606,7 +1607,8 @@ export function SettingsPage() { onChange={(e) => updateSetting('energy_cost_per_kwh', parseFloat(e.target.value) || 0) } - className="w-full pl-8 pr-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none" + style={{ paddingLeft: `${Math.max(2, getCurrencySymbol(localSettings.currency).length * 0.6 + 1)}rem` }} + className="w-full pr-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none" />