peter/RealCV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: Compact UI and fix RealCV branding

Browse Source 
- Fix logo to show RealCV instead of TrueCV
- Remove duplicate auth-logo from Login/Register pages
- Dashboard: reduce padding, smaller icons, tighter table rows
- Report: compact score header (140px → 100px roundel)
- Reduce stat card sizes and spacing throughout

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Peter Foster
2026-01-24 20:56:04 +00:00
parent 72b7f11c41
commit f775164212
5 changed files with 43 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/RealCV.Web/Components/Pages/Report.razor
View File

@@ -131,7 +131,7 @@
<div class="col-12">
<div class="card border-0 shadow-sm overflow-hidden">
<div class="score-header">
<div class="row align-items-center py-4 px-3">
<div class="row align-items-center py-2 px-3">
<div class="col-md-4 text-center">
<div class="score-roundel @GetScoreColorClass(_report!.OverallScore)">
<svg class="score-ring" viewBox="0 0 120 120">
@@ -153,10 +153,10 @@
<span class="score-max">/100</span>
</div>
</div>
<div class="mt-2 text-white truecv-score-label">RealCV Score</div>
<div class="mt-1 text-white truecv-score-label">RealCV Score</div>
</div>
<div class="col-md-8">
<div class="row g-4 text-center text-md-start">
<div class="row g-2 text-center text-md-start">
<div class="col-4">
<div class="stat-item">
<div class="stat-icon">
@@ -165,7 +165,7 @@
<path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V1Zm11 0H3v14h3v-2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V15h3V1Z"/>
</svg>
</div>
<h3 class="mb-0 fw-bold text-white">@_report.EmploymentVerifications.Count</h3>
<h5 class="mb-0 fw-bold text-white">@_report.EmploymentVerifications.Count</h5>
<small class="stat-label">Employers Checked</small>
</div>
</div>
@@ -177,7 +177,7 @@
<path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/>
</svg>
</div>
<h3 class="mb-0 fw-bold text-white">@_report.TimelineAnalysis.TotalGapMonths</h3>
<h5 class="mb-0 fw-bold text-white">@_report.TimelineAnalysis.TotalGapMonths</h5>
<small class="stat-label">Gap Months</small>
</div>
</div>
@@ -188,7 +188,7 @@
<path d="M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12.435 12.435 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A19.626 19.626 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a19.587 19.587 0 0 0 1.349-.476l.019-.007.004-.002h.001"/>
</svg>
</div>
<h3 class="mb-0 fw-bold text-white">@_report.Flags.Count</h3>
<h5 class="mb-0 fw-bold text-white">@_report.Flags.Count</h5>
<small class="stat-label">Flags Raised</small>
</div>
</div>
@@ -496,12 +496,12 @@
/* Score Roundel */
.score-roundel {
position: relative;
width: 140px;
height: 140px;
width: 100px;
height: 100px;
margin: 0 auto;
background: rgba(255, 255, 255, 0.15);
border-radius: 50%;
padding: 8px;
padding: 6px;
}
.score-roundel .score-ring {
@@ -555,14 +555,14 @@
}
.score-roundel .score-value {
font-size: 2.5rem;
font-size: 1.75rem;
font-weight: 700;
line-height: 1;
color: white;
}
.score-roundel .score-max {
font-size: 1rem;
font-size: 0.75rem;
opacity: 0.85;
color: white;
}