diff options
| author | Shpuld Shpludson <shp@cock.li> | 2018-12-13 14:41:57 +0000 |
|---|---|---|
| committer | Shpuld Shpludson <shp@cock.li> | 2018-12-13 14:41:57 +0000 |
| commit | c824d2537884fb736ce7fe1263875b87d3c00c81 (patch) | |
| tree | cd249ba00e33b6364f361f152f9c94f7a1f00805 /src/components/user_profile/user_profile.vue | |
| parent | ad905576fc7e60aa91f1ffabb84ce3e383b4539e (diff) | |
| parent | fa7c3c20970f8a31e064d5591b9e0814a5cf1512 (diff) | |
Merge branch 'fix_empty_profiles' into 'develop'
Improved user profile display
Closes #82
See merge request pleroma/pleroma-fe!414
Diffstat (limited to 'src/components/user_profile/user_profile.vue')
| -rw-r--r-- | src/components/user_profile/user_profile.vue | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/src/components/user_profile/user_profile.vue b/src/components/user_profile/user_profile.vue index 91d4acd2..4d2853a6 100644 --- a/src/components/user_profile/user_profile.vue +++ b/src/components/user_profile/user_profile.vue @@ -3,6 +3,16 @@ <div v-if="user" class="user-profile panel panel-default"> <user-card-content :user="user" :switcher="true" :selected="timeline.viewing"></user-card-content> </div> + <div v-else class="panel user-profile-placeholder"> + <div class="panel-heading"> + <div class="title"> + {{ $t('settings.profile_tab') }} + </div> + </div> + <div class="panel-body"> + <i class="icon-spin3 animate-spin"></i> + </div> + </div> <Timeline :title="$t('user_profile.timeline_title')" :timeline="timeline" :timeline-name="'user'" :user-id="userId"/> </div> </template> @@ -21,4 +31,12 @@ align-items: stretch; } } +.user-profile-placeholder { + .panel-body { + display: flex; + justify-content: center; + align-items: middle; + padding: 7em; + } +} </style> |