Fix message reply overflow.

Add opera icon to sessions.
This commit is contained in:
Paul 2021-07-25 14:18:48 +01:00
parent f2a69daf03
commit 6cf18b1b9b
2 changed files with 6 additions and 1 deletions

View file

@ -29,6 +29,7 @@ export const ReplyBase = styled.div<{
preview?: boolean;
}>`
gap: 4px;
min-width: 0;
display: flex;
margin-inline-start: 30px;
margin-inline-end: 12px;
@ -45,10 +46,11 @@ export const ReplyBase = styled.div<{
}
.user {
display: flex;
gap: 4px;
display: flex;
flex-shrink: 0;
font-weight: 600;
overflow: visible;
align-items: center;
span {

View file

@ -6,6 +6,7 @@ import {
Microsoftedge,
Linux,
Macos,
Opera,
} from "@styled-icons/simple-icons";
import relativeTime from "dayjs/plugin/relativeTime";
import { useHistory } from "react-router-dom";
@ -70,6 +71,8 @@ export function Sessions() {
return <Safari size={32} />;
case /edge/i.test(name):
return <Microsoftedge size={32} />;
case /opera/i.test(name):
return <Opera size={32} />;
default:
return <HelpCircle size={32} />;
}