ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

style: use subtle inline text for verified status in settings

Browse Source
This commit is contained in:
Usman Baig
2026-03-13 16:44:00 +01:00
parent e336d2c7e5
commit 344838e0cd
1 changed files with 32 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
app/sites/[id]/settings/page.tsx
View File

@@ -709,35 +709,38 @@ export default function SiteSettingsPage() {
className="mb-4" className="mb-4"
/> />
{site.is_verified ? ( <div className="flex items-center gap-4 mt-4">
<div className="flex items-center justify-between mt-4 px-4 py-3 rounded-xl bg-green-50 dark:bg-green-900/10 border border-green-200 dark:border-green-900/30"> {site.is_verified ? (
<div className="flex items-center gap-2 text-sm font-medium text-green-700 dark:text-green-400"> <>
<CheckIcon className="w-4 h-4" /> <div className="flex items-center gap-2 text-sm text-green-600 dark:text-green-500">
Script verified — your site is sending data correctly. <CheckIcon className="w-4 h-4" />
</div> <span>Verified</span>
<button </div>
type="button" <span className="text-neutral-300 dark:text-neutral-700">·</span>
onClick={() => setShowVerificationModal(true)} <button
className="text-xs text-green-600 dark:text-green-500 hover:underline" type="button"
> onClick={() => setShowVerificationModal(true)}
Re-verify className="text-xs text-neutral-500 dark:text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-300 transition-colors"
</button> >
</div> Re-verify
) : ( </button>
<div className="flex items-center gap-4 mt-4"> </>
<button ) : (
type="button" <>
onClick={() => setShowVerificationModal(true)} <button
className="flex items-center gap-2 px-4 py-2 bg-white dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 text-neutral-700 dark:text-neutral-300 rounded-xl hover:bg-neutral-50 dark:hover:bg-neutral-700 transition-all text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-orange focus-visible:ring-offset-2" type="button"
> onClick={() => setShowVerificationModal(true)}
<ZapIcon className="w-4 h-4" /> className="flex items-center gap-2 px-4 py-2 bg-white dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 text-neutral-700 dark:text-neutral-300 rounded-xl hover:bg-neutral-50 dark:hover:bg-neutral-700 transition-all text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-orange focus-visible:ring-offset-2"
Verify Installation >
</button> <ZapIcon className="w-4 h-4" />
<p className="text-xs text-neutral-500 dark:text-neutral-400"> Verify Installation
Check if your site is sending data correctly. </button>
</p> <p className="text-xs text-neutral-500 dark:text-neutral-400">
</div> Check if your site is sending data correctly.
)} </p>
</>
)}
</div>
</div> </div>
<div className="pt-4 border-t border-neutral-100 dark:border-neutral-800 flex justify-end"> <div className="pt-4 border-t border-neutral-100 dark:border-neutral-800 flex justify-end">