fix(settings): wrap all settings items in card blocks for visual consistency

This commit is contained in:
Usman Baig
2026-03-25 22:44:23 +01:00
parent e7b8943097
commit 1da71aa1a2
7 changed files with 31 additions and 26 deletions

View File

@@ -91,18 +91,18 @@ export default function WorkspaceGeneralTab({ onDirtyChange, onRegisterSave }: {
<p className="text-sm text-neutral-400">Basic details about your organization.</p>
</div>
<div>
<div className="p-4 rounded-xl border border-neutral-800 bg-neutral-800/30">
<label className="block text-sm font-medium text-neutral-300 mb-1.5">Organization Name</label>
<Input value={name} onChange={e => setName(e.target.value)} placeholder="Acme Corp" />
</div>
<div>
<div className="p-4 rounded-xl border border-neutral-800 bg-neutral-800/30">
<label className="block text-sm font-medium text-neutral-300 mb-1.5">Organization Slug</label>
<div className="flex items-center gap-2">
<span className="text-sm text-neutral-500">pulse.ciphera.net/</span>
<Input value={slug} onChange={e => setSlug(e.target.value)} placeholder="acme-corp" />
</div>
<p className="text-xs text-neutral-500 mt-1">Changing the slug will change your organization's URL.</p>
<p className="text-xs text-neutral-500 mt-1">Changing the slug will change your organization&apos;s URL.</p>
</div>
</div>