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

View file

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