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

@@ -104,13 +104,13 @@ export default function SiteGeneralTab({ siteId, onDirtyChange, onRegisterSave }
<p className="text-sm text-neutral-400">Update your site details and tracking script.</p>
</div>
<div className="space-y-4">
<div>
<div className="space-y-3">
<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">Site Name</label>
<Input value={name} onChange={e => setName(e.target.value)} placeholder="My Website" />
</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">Timezone</label>
<Select
value={timezone}
@@ -120,7 +120,7 @@ export default function SiteGeneralTab({ siteId, onDirtyChange, onRegisterSave }
/>
</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">Domain</label>
<Input value={site.domain} disabled className="opacity-60" />
<p className="text-xs text-neutral-500 mt-1">Domain cannot be changed after creation.</p>