mirror of
https://github.com/spacebarchat/client.git
synced 2024-11-22 18:32:34 +01:00
minor message component tweaks
This commit is contained in:
parent
e00c8f3252
commit
195774ee39
@ -17,7 +17,7 @@ const Container = styled.div<{ isHeader?: boolean }>`
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: ${(props) => (props.isHeader ? "4" : "2")}px 12px;
|
padding: 0 12px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: var(--background-primary-highlight);
|
background-color: var(--background-primary-highlight);
|
||||||
@ -146,7 +146,12 @@ function Message({ message, isHeader, isSending, isFailed }: Props) {
|
|||||||
{message.content}
|
{message.content}
|
||||||
</MessageContent>
|
</MessageContent>
|
||||||
) : (
|
) : (
|
||||||
<div style={{ color: "var(--text-secondary)" }}>MessageType: {MessageType[message.type]}</div>
|
<div>
|
||||||
|
<div style={{ color: "var(--text-secondary)", fontSize: "12px" }}>
|
||||||
|
MessageType({MessageType[message.type]})
|
||||||
|
</div>
|
||||||
|
{message.content ?? "No Content"}
|
||||||
|
</div>
|
||||||
)}
|
)}
|
||||||
</MessageContentContainer>
|
</MessageContentContainer>
|
||||||
</Container>
|
</Container>
|
||||||
|
Loading…
Reference in New Issue
Block a user