Skip to content

Commit 1efcc54

Browse files
orabeCopilot
andcommitted
Add identity icon to verified certificate display and style adjustments
Co-authored-by: Copilot <copilot@github.com>
1 parent a8eedf2 commit 1efcc54

2 files changed

Lines changed: 29 additions & 1 deletion

File tree

assets/css/style.css

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -404,6 +404,23 @@ article.active {
404404
gap: 8px;
405405
}
406406

407+
/* Identity icon next to verified title */
408+
.verify-identity {
409+
display: flex;
410+
align-items: center;
411+
gap: 10px;
412+
}
413+
414+
.verify-identity-icon {
415+
flex: 0 0 auto;
416+
width: 48px;
417+
height: 48px;
418+
border-radius: 8px;
419+
background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
420+
padding: 6px;
421+
box-shadow: 0 6px 18px rgba(0,0,0,0.12);
422+
}
423+
407424
.verify-result-badge {
408425
width: fit-content;
409426
padding: 5px 10px;

verify/verify.js

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -129,7 +129,18 @@
129129
<div class="verify-result-card verify-result-success">
130130
<div class="verify-result-header success">
131131
<span class="verify-result-badge">Verifiziert</span>
132-
<h3 class="verify-result-title">Verifiziertes Zertifikat</h3>
132+
<div class="verify-identity">
133+
<svg class="verify-identity-icon" width="48" height="48" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
134+
<!-- person: head -->
135+
<circle cx="28" cy="20" r="6" fill="#ffffff" />
136+
<!-- person: shoulders/body -->
137+
<path d="M14 46c0-8 8-14 14-14s14 6 14 14" fill="#ffffff" />
138+
<!-- check badge -->
139+
<circle cx="48" cy="44" r="12" fill="#16a34a" />
140+
<path d="M44 44l3 3 6-6" fill="none" stroke="#ffffff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
141+
</svg>
142+
<h3 class="verify-result-title">Verifiziertes Zertifikat</h3>
143+
</div>
133144
<p class="verify-result-description">Dieses Zertifikat wurde erfolgreich geprüft und als gültig bestätigt.</p>
134145
</div>
135146
<div class="verify-details-grid">

0 commit comments

Comments
 (0)