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