frontdev/no-copy-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix styles

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/app/styles/pages-styles.scss
+20 -7
View File
@@ -84,14 +84,12 @@
&.total-checks,
&.total-files {
display: grid;
grid-template-columns: 1fr 1.5fr;
display: flex;
justify-content: center;
gap: 0 10px;
.protection-stat-value {
justify-self: end;
padding-right: 10px;
padding-left: 10px;
}
.protection-stat-label {
@@ -103,6 +101,18 @@
}
}
&.total-files {
flex-direction: row;
}
&.total-checks {
flex-direction: column;
div {
width: 110px;
}
}
&.total-files.add-content {
display: flex;
justify-content: center;
@@ -249,7 +259,8 @@
justify-content: start;
padding-left: 20px;
font-weight: 500;
border-left: 1px solid v.$b-color-1;;
border-left: 1px solid v.$b-color-1;
;
.icon {
margin-right: 10px;
@@ -269,11 +280,13 @@
}
&.last-column {
border-right: 1px solid v.$b-color-1;;
border-right: 1px solid v.$b-color-1;
;
}
&.last-row {
border-bottom: 1px solid v.$b-color-1;;
border-bottom: 1px solid v.$b-color-1;
;
}
&.second-row {
src/app/ui/dashboard/protection-overview.tsx
+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>
</>
) : (
src/app/ui/marking-page/protection-summary.tsx
+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">