diff --git a/routes/_components/Label.html b/routes/_components/Label.html
new file mode 100644
index 00000000..c3a192cd
--- /dev/null
+++ b/routes/_components/Label.html
@@ -0,0 +1,27 @@
+
+
+ {label}
+
+
+
+
\ No newline at end of file
diff --git a/routes/_components/profile/AccountProfile.html b/routes/_components/profile/AccountProfile.html
index e1c906b6..b2578748 100644
--- a/routes/_components/profile/AccountProfile.html
+++ b/routes/_components/profile/AccountProfile.html
@@ -24,11 +24,11 @@
.account-profile-grid {
display: grid;
- grid-template-areas: "avatar name followed-by follow"
- "avatar username username follow"
- "avatar note note follow"
- "details details details details";
- grid-template-columns: min-content auto 1fr min-content;
+ grid-template-areas: "avatar name label followed-by follow"
+ "avatar username username username follow"
+ "avatar note note note follow"
+ "details details details details details";
+ grid-template-columns: min-content auto 1fr 1fr min-content;
grid-column-gap: 10px;
grid-row-gap: 5px;
padding: 20px;
@@ -53,6 +53,7 @@
.account-profile-grid {
display: grid;
grid-template-areas: "avatar name follow"
+ "avatar label follow"
"avatar username follow"
"avatar followed-by follow"
"note note note"
diff --git a/routes/_components/profile/AccountProfileHeader.html b/routes/_components/profile/AccountProfileHeader.html
index b13af1fa..b0461740 100644
--- a/routes/_components/profile/AccountProfileHeader.html
+++ b/routes/_components/profile/AccountProfileHeader.html
@@ -2,14 +2,18 @@
+{#if label}
+
+{/if}
{'@' + account.acct}
@@ -56,15 +60,22 @@
text-overflow: ellipsis;
min-width: 0;
}
- :global(.account-profile-name a) {
+
+ :global(.account-profile-name-link) {
color: var(--body-text-color);
text-decoration: none;
}
- :global(.account-profile-name a:hover) {
+
+ :global(.account-profile-name-link:hover) {
color: var(--body-text-color);
text-decoration: underline;
}
+ :global(.account-profile-label) {
+ grid-area: label;
+ justify-content: left !important;
+ }
+
@media (max-width: 767px) {
.account-profile-name {
font-size: 1.3em;
@@ -83,6 +94,7 @@
import AccountDisplayName from '../profile/AccountDisplayName.html'
import { removeEmoji } from '../../_utils/removeEmoji'
import { store } from '../../_store/store'
+ import Label from '../Label.html'
export default {
store: () => store,
@@ -94,12 +106,15 @@
return removeEmoji(displayName, emojis) || displayName
}
return displayName
- }
+ },
+ bot: ({ account }) => !!account.bot,
+ label: ({ bot }) => bot ? 'bot' : ''
},
components: {
Avatar,
ExternalLink,
- AccountDisplayName
+ AccountDisplayName,
+ Label
}
}
\ No newline at end of file