feat: add panel title headings to all UserSettings panels

This commit is contained in:
Jannis Braun
2026-03-22 02:17:38 +01:00
parent 3b06818614
commit d54de16ec8
5 changed files with 10 additions and 1 deletions
@@ -364,6 +364,7 @@ export function AccountPanel() {
return (
<div className="space-y-5">
<h2 className="text-lg font-semibold text-txt-primary mb-6">My Account</h2>
{/* ── Profile Customization ── */}
<div>
<div className="text-[11px] font-semibold text-txt-tertiary uppercase tracking-wider mb-1.5">
@@ -1,5 +1,10 @@
import { ConnectedInstances } from '../ConnectedInstances';
export function ConnectionsPanel() {
return <ConnectedInstances />;
return (
<div className="space-y-5">
<h2 className="text-lg font-semibold text-txt-primary mb-6">Connections</h2>
<ConnectedInstances />
</div>
);
}
@@ -27,6 +27,7 @@ export function InstancePanel() {
return (
<div className="space-y-4">
<h2 className="text-lg font-semibold text-txt-primary mb-6">Instance</h2>
{/* Sub-tab switcher */}
<div className="flex gap-1 p-1 bg-white/[0.02] rounded-full w-fit">
<button onClick={() => setSubTab('general')} className={pillClass('general')}>
@@ -31,6 +31,7 @@ export function PrivacyPanel() {
return (
<div className="space-y-5">
<h2 className="text-lg font-semibold text-txt-primary mb-6">Privacy</h2>
<div>
<div className="text-[11px] font-semibold text-txt-tertiary uppercase tracking-wider mb-1.5">
Discovery
@@ -13,6 +13,7 @@ export function VoicePanel() {
return (
<div className="space-y-5">
<h2 className="text-lg font-semibold text-txt-primary mb-6">Voice</h2>
<div>
<div className="text-[11px] font-semibold text-txt-tertiary uppercase tracking-wider mb-1.5">
Volume