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,6 +653,7 @@ 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
}}> }}>
<div style={{ display: "flex", flexDirection: "row", alignItems: "center" }}>
<VSCodeButton <VSCodeButton
disabled={shouldDisableImages} disabled={shouldDisableImages}
appearance="icon" appearance="icon"
@@ -661,18 +662,19 @@ const ChatView = ({
style={{ marginRight: "2px" }}> style={{ marginRight: "2px" }}>
<span <span
className="codicon codicon-device-camera" className="codicon codicon-device-camera"
style={{ fontSize: 18.5, marginLeft: -2, marginBottom: 1 }}></span> style={{ fontSize: 18, marginLeft: -2 }}></span>
</VSCodeButton> </VSCodeButton>
<VSCodeButton <VSCodeButton
disabled={textAreaDisabled} disabled={textAreaDisabled}
appearance="icon" appearance="icon"
aria-label="Send Message" aria-label="Send Message"
onClick={handleSendMessage}> onClick={handleSendMessage}>
<span className="codicon codicon-send" style={{ fontSize: 16, marginTop: 2.5 }}></span> <span className="codicon codicon-send" style={{ fontSize: 16 }}></span>
</VSCodeButton> </VSCodeButton>
</div> </div>
</div> </div>
</div> </div>
</div>
) )
} }