diff --git a/src/components/Inbox/DialogCard.module.scss b/src/components/Inbox/DialogCard.module.scss index 23557ec3..c66470f5 100644 --- a/src/components/Inbox/DialogCard.module.scss +++ b/src/components/Inbox/DialogCard.module.scss @@ -17,20 +17,22 @@ margin-right: 12px; } - .body { + .row { flex-basis: 0; flex-grow: 1; min-width: 0; - .name { - color: #141414; - font-weight: 500; - } - + .name, .message { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; + } + .name { + color: #141414; + font-weight: 500; + } + .message { color: #9fa1a7; } } diff --git a/src/components/Inbox/DialogCard.tsx b/src/components/Inbox/DialogCard.tsx index 75c91b08..dea0d61d 100644 --- a/src/components/Inbox/DialogCard.tsx +++ b/src/components/Inbox/DialogCard.tsx @@ -15,7 +15,7 @@ const DialogCard = (props: Props) => {
-
+
{props.name}
Указать предпочтительные языки для результатов поиска можно в разделе diff --git a/src/components/Views/Inbox.tsx b/src/components/Views/Inbox.tsx index fa17a7a6..4ceacbe4 100644 --- a/src/components/Views/Inbox.tsx +++ b/src/components/Views/Inbox.tsx @@ -64,7 +64,7 @@ export const InboxView = () => { }) const getQuery = (query) => { - if (query().length > 2) { + if (query().length >= 2) { const match = userSearch(authors(), query()) setAuthors(match) } else { @@ -131,7 +131,6 @@ export const InboxView = () => {
-
{(author) => } diff --git a/src/styles/Inbox.scss b/src/styles/Inbox.scss index b64da99f..5f7577d1 100644 --- a/src/styles/Inbox.scss +++ b/src/styles/Inbox.scss @@ -34,7 +34,7 @@ main { .chat-list { display: flex; flex-direction: column; - padding: 0 10px; + padding: 10px; height: 100vh; .dialogs { @@ -44,22 +44,6 @@ main { height: 100%; box-sizing: border-box; position: relative; - - &::before, - &::after { - content: ''; - position: absolute; - height: 10px; - width: 100%; - } - &::before { - top: 0; - background: linear-gradient(to bottom, #fff, transparent 70%); - } - &::after { - bottom: 0; - background: linear-gradient(to top, #fff, transparent 70%); - } } }