diff options
| author | scarlett <nia.alarie@gmail.com> | 2018-08-21 19:16:03 +0100 |
|---|---|---|
| committer | scarlett <nia.alarie@gmail.com> | 2018-08-21 19:16:03 +0100 |
| commit | 2596f228140c693aaecd192b0d10254250fc4bcd (patch) | |
| tree | 311805e141302068ebfb10e2d1d17079075e1128 /src | |
| parent | 9982376f9a316a5e4224ea44c7392b272f5549d1 (diff) | |
Centre-align profile bios.
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/user_card_content/user_card_content.vue | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue index 71222d15..59358040 100644 --- a/src/components/user_card_content/user_card_content.vue +++ b/src/components/user_card_content/user_card_content.vue @@ -105,8 +105,8 @@ <span>{{user.followers_count}}</span> </div> </div> - <p v-if="!hideBio && user.description_html" v-html="user.description_html"></p> - <p v-else-if="!hideBio">{{ user.description }}</p> + <p v-if="!hideBio && user.description_html" class="profile-bio" v-html="user.description_html"></p> + <p v-else-if="!hideBio" class="profile-bio">{{ user.description }}</p> </div> </div> </template> @@ -130,7 +130,11 @@ .profile-panel-body { word-wrap: break-word; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), $fallback--bg 80%); - background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--bg, $fallback--bg) 80%) + background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--bg, $fallback--bg) 80%); + + .profile-bio { + text-align: center; + } } .user-info { |