diff --git a/app/javascript/flavours/glitch/features/account_timeline/components/redesign.module.scss b/app/javascript/flavours/glitch/features/account_timeline/components/redesign.module.scss index 11446104a3..87ecbc4c54 100644 --- a/app/javascript/flavours/glitch/features/account_timeline/components/redesign.module.scss +++ b/app/javascript/flavours/glitch/features/account_timeline/components/redesign.module.scss @@ -355,8 +355,12 @@ svg.badgeIcon { } } -.tabs { +.tabs, +.noTabs { border-bottom: 1px solid var(--color-border-primary); +} + +.tabs { display: flex; gap: 12px; padding: 0 24px; @@ -392,6 +396,11 @@ svg.badgeIcon { } } +.noTabs { + width: 100%; + border-width: 0 0 1px; +} + .bannerBase { box-sizing: border-box; padding: 16px; diff --git a/app/javascript/flavours/glitch/features/account_timeline/components/tabs.tsx b/app/javascript/flavours/glitch/features/account_timeline/components/tabs.tsx index e03cd1161d..9d6229d8ba 100644 --- a/app/javascript/flavours/glitch/features/account_timeline/components/tabs.tsx +++ b/app/javascript/flavours/glitch/features/account_timeline/components/tabs.tsx @@ -19,10 +19,13 @@ export const AccountTabs: FC = () => { const account = useAccount(accountId); if (!account) { - return null; + return
; } const { acct, show_featured, show_media } = account; + if (!show_featured && !show_media) { + return
; + } return (