diff --git a/src/components/users/UserPosts.vue b/src/components/users/UserPosts.vue index b3d85d3e..472444f3 100644 --- a/src/components/users/UserPosts.vue +++ b/src/components/users/UserPosts.vue @@ -250,7 +250,7 @@ export default { } &.closed { width: 100%; - max-height: 18px; + max-height: 2.5rem; white-space: pre-wrap; overflow: hidden; text-overflow: ellipsis; diff --git a/src/views/Posts.vue b/src/views/Posts.vue index ebb975c2..c72d7689 100644 --- a/src/views/Posts.vue +++ b/src/views/Posts.vue @@ -138,8 +138,8 @@
OP
{{post.user.title}}
+
Activity: {{post.user.activity}}
Merit: {{post.user.merit}}
-
Act: {{post.user.activity}}
@@ -169,8 +169,8 @@
OP
{{post.user.title}}
+
Activity: {{post.user.activity}}
Merit: {{post.user.merit}}
-
Act: {{post.user.activity}}
{{humanDate(post.created_at)}} @@ -1707,10 +1707,6 @@ ad-viewer { width: $postWidth__mobile; } } - - @include break-mobile-sm { - padding-bottom: 3rem; - } } .thread-title { diff --git a/src/views/Profile.vue b/src/views/Profile.vue index e2e35515..a53111a4 100644 --- a/src/views/Profile.vue +++ b/src/views/Profile.vue @@ -68,16 +68,16 @@
+ Posts {{ user.post_count || 0 }} - Posts
-
- Last Seen - {{ humanDate(user.last_active, true) }} +
+ Last Active + {{ humanDate(user.last_active, true) }}
Created - {{ humanDate(user.created_at, true) }} + {{ humanDate(user.created_at, true) }}
@@ -492,7 +492,7 @@ export default { a { color: $text-gray-med; text-decoration: underline; } } } - .signature-block { display: flex; margin-bottom: 1rem; } + .signature-block { display: grid; margin-bottom: 1rem; } .signature { @include truncate-ellipsis; font-size: $font-size-xs; @@ -507,7 +507,11 @@ export default { } .profile-user-stats { display: flex; - margin-bottom: 2rem; + margin-bottom: 1rem; + column-gap: 0.5rem; + @include break-mobile-med { + justify-content: center; + } .stats { border: $border; border-radius: 6px; @@ -516,17 +520,23 @@ export default { flex-direction: column; align-items: center; justify-content: center; - margin-right: 1rem; padding: 0.5rem; text-align: center; - width: 100px; - max-width: 120px; - .label { font-size: $font-size-xs; } + width: auto; + white-space: nowrap; + @include break-mobile-med { + width: 100px; + max-width: 120px; + white-space: normal; + } + .label { + margin-bottom: 0.25rem; + font-size: $font-size-xs; + } .stat-text { - font-size: 2rem; + font-size: $font-size-lg; font-weight: 600; margin-bottom: 0.25rem; - &-sm { font-size: 21px; font-weight: 600; } } } } @@ -534,13 +544,12 @@ export default { align-items: center; flex-direction: column; .profile-avatar { - margin-bottom: 3rem; margin-right: 0; } .profile-user-details { .profile-user-name-role { flex-direction: column; - margin-bottom: 1.5rem; + margin-bottom: 1rem; h1, .username-screen, .user-role { margin-bottom: 0.25rem; } @@ -550,12 +559,16 @@ export default { .trust-profile { .trust-link { white-space: nowrap; } } } } -.profile-threads-posts { grid-area: main; } +.profile-threads-posts { + grid-area: main; + @include break-mobile-med { + border-top: $border; + } +} .profile-sidebar { color: $text-gray-dark; grid-area: sidebar; .actions-panel { - border-bottom: $border; line-height: 1.5; margin-bottom: 1rem; padding-bottom: 1rem;