diff --git a/src/views/users/show.vue b/src/views/users/show.vue index 34bd8e32..5813405b 100644 --- a/src/views/users/show.vue +++ b/src/views/users/show.vue @@ -118,9 +118,21 @@ > {{ $t('userProfile.noChats') }} - - - {{ chat.account.acct }} + + +
+ + {{ chat.account.username }} + + + + +
+
+ {{ chat.last_message.content }} +
@@ -343,17 +355,18 @@ table { .user-cards-container{ display: flex; flex-direction: column; + width: 30%; + min-width: 300px; + margin: 0 20px; + } .user-profile-card { - margin: 0 20px; - width: 30%; - min-width: 300px; height: fit-content; + width: auto; + margin-bottom: 20px; } .user-chats-card { - margin: 20px 20px; - width: 30%; - min-width: 300px; + width: auto; height: fit-content; } .user-profile-container { @@ -363,6 +376,9 @@ table { margin: 0; width: inherit; } +.user-chats-table { + width: 100%; +} .user-profile-tag { margin: 0 4px 4px 0; } @@ -371,6 +387,27 @@ table { font-weight: bold; margin: 5px 0; } +.chat-card-header { + display: flex; + align-items: center; +} +.chat-avatar-img { + display: inline-block; + width: 15px; + height: 15px; + margin-right: 5px; +} +.chat-account-name { + display: inline-block; + margin: 0; + font-size: 15px; + font-weight: 500; +} +.chat-card-preview { + color: gray; + font-style: italic; + margin: 5px 0 0 20px; +} @media only screen and (max-width:480px) { .avatar-name-container {