From d8de9f8eba8c3d60a076f7987408834a5a99bd17 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Wed, 20 Feb 2019 07:15:08 +0900
Subject: [PATCH] :art:

---
 locales/ja-JP.yml                                      | 1 +
 src/client/app/desktop/views/home/user/user.header.vue | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index 747b4171b1..75163dc295 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -1506,6 +1506,7 @@ desktop/views/pages/user/user.header.vue:
   following: "フォロー"
   followers: "フォロワー"
   is-bot: "このアカウントはBotです"
+  no-description: "自己紹介はありません"
   years-old: "{age}歳"
   year: "年"
   month: "月"
diff --git a/src/client/app/desktop/views/home/user/user.header.vue b/src/client/app/desktop/views/home/user/user.header.vue
index f2028c4e74..3ae512847b 100644
--- a/src/client/app/desktop/views/home/user/user.header.vue
+++ b/src/client/app/desktop/views/home/user/user.header.vue
@@ -22,6 +22,7 @@
 	<div class="body">
 		<div class="description">
 			<mfm v-if="user.description" :text="user.description" :is-note="false" :author="user" :i="$store.state.i" :custom-emojis="user.emojis"/>
+			<p v-else class="empty">{{ $t('no-description') }}</p>
 		</div>
 		<div class="fields" v-if="user.fields">
 			<dl class="field" v-for="(field, i) in user.fields" :key="i">
@@ -213,6 +214,11 @@ export default Vue.extend({
 		padding 16px 16px 16px 154px
 		color var(--text)
 
+		> .description
+			> .empty
+				margin 0
+				opacity 0.5
+
 		> .fields
 			margin-top 16px