From d8ddffbc481dc086c8d1d2cd0c80bdef9126f306 Mon Sep 17 00:00:00 2001
From: Kuizuo <hi@kuizuo.cn>
Date: Mon, 23 Sep 2024 11:04:23 +0800
Subject: [PATCH] fix: improve input component display on focus (#581)

- Change viewportClassName from 'p-1' to 'px-1'
- Ensures input is fully visible when focused
---
 apps/renderer/src/modules/settings/modal/content.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/renderer/src/modules/settings/modal/content.tsx b/apps/renderer/src/modules/settings/modal/content.tsx
index 32b2a585f..f3e747cb3 100644
--- a/apps/renderer/src/modules/settings/modal/content.tsx
+++ b/apps/renderer/src/modules/settings/modal/content.tsx
@@ -64,7 +64,7 @@ const Content = () => {
         mask={false}
         ref={setScroller}
         rootClassName="h-full grow flex-1 shrink-0 overflow-auto pl-8 pr-7"
-        viewportClassName="pr-1 min-h-full [&>div]:min-h-full [&>div]:relative pb-8"
+        viewportClassName="px-1 min-h-full [&>div]:min-h-full [&>div]:relative pb-8"
       >
         <Component />