diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index 4f314ca0..70fcaef8 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -159,6 +159,11 @@
{{ $t('settings.show_page_backgrounds') }}
+
+
+ {{ $t('settings.center_align_bio') }}
+
+
{{ $t('settings.stop_gifs') }}
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 92b27037..854c4117 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -58,7 +58,6 @@
}
&-bio {
- text-align: start;
display: block;
line-height: 1.3;
padding: 1em;
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 57f922d7..406f329d 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -299,6 +299,7 @@
:html="user.description_html"
:emoji="user.emoji"
:handle-links="true"
+ :style='{"text-align": this.$store.getters.mergedConfig.centerAlignBio ? "center" : "start"}'
/>
diff --git a/src/i18n/de.json b/src/i18n/de.json
index d5a7b1c0..ed68bfbf 100644
--- a/src/i18n/de.json
+++ b/src/i18n/de.json
@@ -482,6 +482,7 @@
"blocks_tab": "Blocks",
"bot": "Dies ist ein Bot Account",
"btnRadius": "Knöpfe",
+ "center_align_bio": "Zentrale Textausrichtung in der Bio",
"cBlue": "Blau (Antworten, folgt dir)",
"cGreen": "Grün (Retweet)",
"cOrange": "Orange (Favorisieren)",
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 44971a51..6318e9f5 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -488,6 +488,7 @@
"blocks_tab": "Blocks",
"bot": "This is a bot account",
"btnRadius": "Buttons",
+ "center_align_bio": "Center text in user bio",
"cBlue": "Blue (Reply, follow)",
"cGreen": "Green (Retweet)",
"cOrange": "Orange (Favorite)",
diff --git a/src/modules/config.js b/src/modules/config.js
index 038bb24e..a4d69096 100644
--- a/src/modules/config.js
+++ b/src/modules/config.js
@@ -56,6 +56,7 @@ export const defaultState = {
autohideFloatingPostButton: false,
pauseOnUnfocused: true,
displayPageBackgrounds: true,
+ centerAlignBio: false,
stopGifs: undefined,
replyVisibility: 'all',
thirdColumnMode: 'notifications',