feat: add panel title headings to all UserSettings panels
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user