Fix icon alignment

This commit is contained in:
Saoud Rizwan
2024-08-28 19:14:18 -04:00
parent 22b9723362
commit e4a7201a14

View File

@@ -653,23 +653,25 @@ const ChatView = ({
alignItems: "flex-end",
height: "calc(100% - 20px)", // Full height minus top and bottom padding
}}>
<VSCodeButton
disabled={shouldDisableImages}
appearance="icon"
aria-label="Attach Images"
onClick={selectImages}
style={{ marginRight: "2px" }}>
<span
className="codicon codicon-device-camera"
style={{ fontSize: 18.5, marginLeft: -2, marginBottom: 1 }}></span>
</VSCodeButton>
<VSCodeButton
disabled={textAreaDisabled}
appearance="icon"
aria-label="Send Message"
onClick={handleSendMessage}>
<span className="codicon codicon-send" style={{ fontSize: 16, marginTop: 2.5 }}></span>
</VSCodeButton>
<div style={{ display: "flex", flexDirection: "row", alignItems: "center" }}>
<VSCodeButton
disabled={shouldDisableImages}
appearance="icon"
aria-label="Attach Images"
onClick={selectImages}
style={{ marginRight: "2px" }}>
<span
className="codicon codicon-device-camera"
style={{ fontSize: 18, marginLeft: -2 }}></span>
</VSCodeButton>
<VSCodeButton
disabled={textAreaDisabled}
appearance="icon"
aria-label="Send Message"
onClick={handleSendMessage}>
<span className="codicon codicon-send" style={{ fontSize: 16 }}></span>
</VSCodeButton>
</div>
</div>
</div>
</div>