pacnpal/Roo-Code
1
0
Fork 0
mirror of https://github.com/pacnpal/Roo-Code.git synced 2025-12-20 12:21:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix scrolling behavior on settings view with small screens

Browse Source
This commit is contained in:
Saoud Rizwan
2024-08-14 01:46:33 -04:00
parent 245f3d404e
commit 103b0a47a5
1 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
webview-ui/src/components/SettingsView.tsx
View File

@@ -72,23 +72,23 @@ const SettingsView = ({
left: 0, left: 0,
right: 0, right: 0,
bottom: 0, bottom: 0,
padding: "10px 18px 18px 20px", padding: "10px 0px 15px 20px",
display: "flex", display: "flex",
flexDirection: "column", flexDirection: "column",
overflow: "hidden", overflow: "hidden",
}}> }}>
<div style={{ flexGrow: 1, overflow: "auto" }}>
<div <div
style={{ style={{
display: "flex", display: "flex",
justifyContent: "space-between", justifyContent: "space-between",
alignItems: "center", alignItems: "center",
marginBottom: "17px", marginBottom: "17px",
paddingRight: 18,
}}> }}>
<h3 style={{ color: "var(--vscode-foreground)", margin: 0 }}>Settings</h3> <h3 style={{ color: "var(--vscode-foreground)", margin: 0 }}>Settings</h3>
<VSCodeButton onClick={handleSubmit}>Done</VSCodeButton> <VSCodeButton onClick={handleSubmit}>Done</VSCodeButton>
</div> </div>
<div style={{ flexGrow: 1, overflowY: "scroll", paddingRight: 8 }}>
<div style={{ marginBottom: 5 }}> <div style={{ marginBottom: 5 }}>
<ApiOptions <ApiOptions
apiConfiguration={apiConfiguration} apiConfiguration={apiConfiguration}
@@ -128,7 +128,7 @@ const SettingsView = ({
</p> </p>
</div> </div>
<div style={{ marginBottom: 20 }}> <div>
<VSCodeTextField <VSCodeTextField
value={maxRequestsPerTask} value={maxRequestsPerTask}
style={{ width: "100%" }} style={{ width: "100%" }}
@@ -164,6 +164,8 @@ const SettingsView = ({
color: "var(--vscode-descriptionForeground)", color: "var(--vscode-descriptionForeground)",
fontSize: "12px", fontSize: "12px",
lineHeight: "1.2", lineHeight: "1.2",
paddingTop: 10,
paddingRight: 18,
}}> }}>
<p style={{ wordWrap: "break-word", margin: 0, padding: 0 }}> <p style={{ wordWrap: "break-word", margin: 0, padding: 0 }}>
If you have any questions or feedback, feel free to open an issue at{" "} If you have any questions or feedback, feel free to open an issue at{" "}