fix styles

This commit is contained in:
smanylov
2026-01-09 16:12:55 +07:00
parent d3a2bd1497
commit 9f880f71d1
3 changed files with 49 additions and 29 deletions
+16 -13
View File
@@ -132,25 +132,28 @@ export default function ProtectionOverview() {
{filesInfo?.totalCount ? (
<>
<div className="protection-stat total-files">
<div className="protection-stat-value">
<span className="protection-stat-value">
{filesInfo?.totalCount ? filesInfo?.totalCount : 0}
</div>
<div className="protection-stat-label">
</span>
<span className="protection-stat-label">
{pluralizeFiles(filesInfo?.totalCount || 0)}
</div>
</span>
</div>
<div className="protection-stat total-checks">
<div className="protection-stat-value">
{CHECKS}
<div>
<span className="protection-stat-value">
{CHECKS}
</span>
<span className="protection-stat-label">
{pluralizeCheks(CHECKS || 0)}
</span>
</div>
<div className="protection-stat-label">
{pluralizeCheks(CHECKS || 0)}
<div>
<span className="protection-stat-value">{VIOLATIONS}</span>
<span className="protection-stat-label">
{pluralizeViolations(VIOLATIONS)}
</span>
</div>
<div className="protection-stat-value">{VIOLATIONS}</div>
<div className="protection-stat-label">
{pluralizeViolations(VIOLATIONS)}
</div>
</div>
</>
) : (
+13 -9
View File
@@ -93,19 +93,23 @@ export default function ProtectionSummary({ fileType }: { fileType: string }) {
<p>{t('current-status-of')}</p>
<div className="protection-stats">
<div className="protection-stat total-files">
<div className="protection-stat-value">{filesInfo?.totalCount ? filesInfo?.totalCount : 0}</div>
<div className="protection-stat-label">
<span className="protection-stat-value">{filesInfo?.totalCount ? filesInfo?.totalCount : 0}</span>
<span className="protection-stat-label">
{pluralizeFilesName(filesInfo?.totalCount || 0)}
</div>
</span>
</div>
<div className="protection-stat total-checks">
<div className="protection-stat-value">{CHECKS}</div>
<div className="protection-stat-label">
{pluralizeCheks(CHECKS)}
<div>
<span className="protection-stat-value">{CHECKS}</span>
<span className="protection-stat-label">
{pluralizeCheks(CHECKS)}
</span>
</div>
<div className="protection-stat-value">{VIOLATIONS}</div>
<div className="protection-stat-label">
{pluralizeViolations(VIOLATIONS)}
<div>
<span className="protection-stat-value">{VIOLATIONS}</span>
<span className="protection-stat-label">
{pluralizeViolations(VIOLATIONS)}
</span>
</div>
</div>
<div className="protection-stat total-usage">