fix:padding improved, removed scrollbar in inputbox

This commit is contained in:
Prathmesh Vhatkar
2025-01-30 13:40:35 +05:30
parent fec57e30a8
commit cd09571683

View File

@@ -633,7 +633,8 @@ const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
fontFamily: "var(--vscode-font-family)", fontFamily: "var(--vscode-font-family)",
fontSize: "var(--vscode-editor-font-size)", fontSize: "var(--vscode-editor-font-size)",
lineHeight: "var(--vscode-editor-line-height)", lineHeight: "var(--vscode-editor-line-height)",
padding: "8px", padding: "2px",
paddingRight: "8px",
marginBottom: thumbnailsHeight > 0 ? `${thumbnailsHeight + 16}px` : 0, marginBottom: thumbnailsHeight > 0 ? `${thumbnailsHeight + 16}px` : 0,
zIndex: 1, zIndex: 1,
}} }}
@@ -667,8 +668,8 @@ const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
onHeightChange?.(height) onHeightChange?.(height)
}} }}
placeholder={placeholderText} placeholder={placeholderText}
minRows={2} minRows={3}
maxRows={20} maxRows={15}
autoFocus={true} autoFocus={true}
style={{ style={{
width: "100%", width: "100%",
@@ -684,11 +685,13 @@ const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
overflowX: "hidden", overflowX: "hidden",
overflowY: "auto", overflowY: "auto",
border: "none", border: "none",
padding: "8px", padding: "2px",
paddingRight: "8px",
marginBottom: thumbnailsHeight > 0 ? `${thumbnailsHeight + 16}px` : 0, marginBottom: thumbnailsHeight > 0 ? `${thumbnailsHeight + 16}px` : 0,
cursor: textAreaDisabled ? "not-allowed" : undefined, cursor: textAreaDisabled ? "not-allowed" : undefined,
flex: "0 1 auto", flex: "0 1 auto",
zIndex: 2, zIndex: 2,
scrollbarWidth: "none",
}} }}
onScroll={() => updateHighlights()} onScroll={() => updateHighlights()}
/> />
@@ -704,7 +707,7 @@ const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
bottom: "36px", bottom: "36px",
left: "16px", left: "16px",
zIndex: 2, zIndex: 2,
marginBottom: "8px", marginBottom: "4px",
}} }}
/> />
)} )}
@@ -715,7 +718,7 @@ const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
justifyContent: "space-between", justifyContent: "space-between",
alignItems: "center", alignItems: "center",
marginTop: "auto", marginTop: "auto",
paddingTop: "8px", paddingTop: "2px",
}}> }}>
<div <div
style={{ style={{