happyDomain/happyDeliver
2
0
Fork 0
Code Issues 7 Pull requests 7 Projects Releases Packages Wiki Activity Actions

Add links to section

Browse source
This commit is contained in:
nemunaire 2025-10-23 17:08:56 +07:00
commit 3588af3267
7 changed files with 55 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

2
web/src/lib/components/AuthenticationCard.svelte
View file

@ -53,7 +53,7 @@
}
</script>
<div class="card shadow-sm">
<div class="card shadow-sm" id="authentication-details">
<div class="card-header bg-white">
<h4 class="mb-0 d-flex justify-content-between align-items-center">
<span>

2
web/src/lib/components/BlacklistCard.svelte
View file

@ -14,7 +14,7 @@
let { blacklists, blacklistGrade, blacklistScore, receivedChain }: Props = $props();
</script>
<div class="card shadow-sm">
<div class="card shadow-sm" id="rbl-details">
<div class="card-header bg-white">
<h4 class="mb-0 d-flex justify-content-between align-items-center">
<span>

2
web/src/lib/components/ContentAnalysisCard.svelte
View file

@ -12,7 +12,7 @@
let { contentAnalysis, contentGrade, contentScore }: Props = $props();
</script>
<div class="card shadow-sm">
<div class="card shadow-sm" id="content-details">
<div class="card-header bg-white">
<h4 class="mb-0 d-flex justify-content-between align-items-center">
<span>

2
web/src/lib/components/DnsRecordsCard.svelte
View file

@ -26,7 +26,7 @@
);
</script>
<div class="card shadow-sm">
<div class="card shadow-sm" id="dns-details">
<div class="card-header bg-white">
<h4 class="mb-0 d-flex justify-content-between align-items-center">
<span>

2
web/src/lib/components/HeaderAnalysisCard.svelte
View file

@ -13,7 +13,7 @@
let { dmarcRecord, headerAnalysis, headerGrade, headerScore }: Props = $props();
</script>
<div class="card shadow-sm">
<div class="card shadow-sm" id="header-details">
<div class="card-header bg-white">
<h4 class="mb-0 d-flex justify-content-between align-items-center">
<span>

73
web/src/lib/components/ScoreCard.svelte
View file

@ -19,6 +19,19 @@
}
</script>
<style>
.summary-card {
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.summary-card:hover {
background-color: #e2e6ea !important;
transform: translateY(-2px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
</style>
<div class="card shadow-lg bg-white">
<div class="card-body p-5 text-center">
<div class="mb-3">
@ -30,40 +43,52 @@
{#if summary}
<div class="row g-3 text-start">
<div class="col-md-6 col-lg">
<div class="p-2 bg-light rounded text-center">
<GradeDisplay grade={summary.dns_grade} score={summary.dns_score} />
<small class="text-muted d-block">DNS</small>
</div>
<a href="#dns-details" class="text-decoration-none">
<div class="p-2 bg-light rounded text-center summary-card">
<GradeDisplay grade={summary.dns_grade} score={summary.dns_score} />
<small class="text-muted d-block">DNS</small>
</div>
</a>
</div>
<div class="col-md-6 col-lg">
<div class="p-2 bg-light rounded text-center">
<GradeDisplay grade={summary.authentication_grade} score={summary.authentication_score} />
<small class="text-muted d-block">Authentication</small>
</div>
<a href="#authentication-details" class="text-decoration-none">
<div class="p-2 bg-light rounded text-center summary-card">
<GradeDisplay grade={summary.authentication_grade} score={summary.authentication_score} />
<small class="text-muted d-block">Authentication</small>
</div>
</a>
</div>
<div class="col-md-6 col-lg">
<div class="p-2 bg-light rounded text-center">
<GradeDisplay grade={summary.blacklist_grade} score={summary.blacklist_score} />
<small class="text-muted d-block">Blacklists</small>
</div>
<a href="#rbl-details" class="text-decoration-none">
<div class="p-2 bg-light rounded text-center summary-card">
<GradeDisplay grade={summary.blacklist_grade} score={summary.blacklist_score} />
<small class="text-muted d-block">Blacklists</small>
</div>
</a>
</div>
<div class="col-md-6 col-lg">
<div class="p-2 bg-light rounded text-center">
<GradeDisplay grade={summary.header_grade} score={summary.header_score} />
<small class="text-muted d-block">Headers</small>
</div>
<a href="#header-details" class="text-decoration-none">
<div class="p-2 bg-light rounded text-center summary-card">
<GradeDisplay grade={summary.header_grade} score={summary.header_score} />
<small class="text-muted d-block">Headers</small>
</div>
</a>
</div>
<div class="col-md-6 col-lg">
<div class="p-2 bg-light rounded text-center">
<GradeDisplay grade={summary.spam_grade} score={summary.spam_score} />
<small class="text-muted d-block">Spam Score</small>
</div>
<a href="#spam-details" class="text-decoration-none">
<div class="p-2 bg-light rounded text-center summary-card">
<GradeDisplay grade={summary.spam_grade} score={summary.spam_score} />
<small class="text-muted d-block">Spam Score</small>
</div>
</a>
</div>
<div class="col-md-6 col-lg">
<div class="p-2 bg-light rounded text-center">
<GradeDisplay grade={summary.content_grade} score={summary.content_score} />
<small class="text-muted d-block">Content</small>
</div>
<a href="#content-details" class="text-decoration-none">
<div class="p-2 bg-light rounded text-center summary-card">
<GradeDisplay grade={summary.content_grade} score={summary.content_score} />
<small class="text-muted d-block">Content</small>
</div>
</a>
</div>
</div>
{/if}

2
web/src/lib/components/SpamAssassinCard.svelte
View file

@ -12,7 +12,7 @@
let { spamassassin, spamGrade, spamScore }: Props = $props();
</script>
<div class="card shadow-sm">
<div class="card shadow-sm" id="spam-details">
<div class="card-header bg-white">
<h4 class="mb-0 d-flex justify-content-between align-items-center">
<span>