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.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 {