diff --git a/app/soapbox/features/chats/components/chat-panes.tsx b/app/soapbox/features/chats/components/chat-panes.tsx index 7bd8cd9d5..d2aae435d 100644 --- a/app/soapbox/features/chats/components/chat-panes.tsx +++ b/app/soapbox/features/chats/components/chat-panes.tsx @@ -27,7 +27,7 @@ const getChatsUnreadCount = (state: RootState) => { }; // Filter out invalid chats -const normalizePanes = (chats: Immutable.Map, panes = ImmutableList>()) => ( +const normalizePanes = (chats: ImmutableMap, panes = ImmutableList>()) => ( panes.filter(pane => chats.get(pane.get('chat_id'))) ); diff --git a/app/soapbox/features/chats/components/ui/pane.tsx b/app/soapbox/features/chats/components/ui/pane.tsx index b04ff3d29..b8eda30e0 100644 --- a/app/soapbox/features/chats/components/ui/pane.tsx +++ b/app/soapbox/features/chats/components/ui/pane.tsx @@ -17,11 +17,14 @@ interface IPane { /** Chat pane UI component for desktop. */ const Pane: React.FC = ({ windowState, index, children, main = false }) => { - const right = (285 * index) + 20; + const right = (404 * index) + 20; return (
{children} diff --git a/app/styles/chats.scss b/app/styles/chats.scss index 5bfb5362c..1fdd7ad02 100644 --- a/app/styles/chats.scss +++ b/app/styles/chats.scss @@ -1,5 +1,5 @@ .pane { - @apply flex flex-col shadow-md rounded-t-md fixed bottom-0 right-5 w-[256px] h-[350px] z-[1000]; + @apply flex flex-col shadow-md rounded-t-md fixed bottom-0 right-5 w-96 h-[350px] z-[1000]; max-height: calc(100vh - 70px); transition: 0.05s; @@ -11,10 +11,6 @@ } } - &--minimized { - height: 31px; - } - .search--account { border-top: 1px solid hsla(var(--primary-text-color_hsl), 0.2); padding: 5px; @@ -25,8 +21,7 @@ } &__header { - @apply flex items-center py-0 px-2.5 box-border rounded-t-md font-bold bg-primary-600 text-white; - height: 31px; + @apply flex items-center py-0 px-2.5 h-14 box-border rounded-t-md font-bold bg-primary-600 text-white; .account__avatar { margin-right: 7px;