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-checks,
&.total-files { &.total-files {
display: grid; display: flex;
grid-template-columns: 1fr 1.5fr; justify-content: center;
gap: 0 10px; gap: 0 10px;
.protection-stat-value { .protection-stat-value {
justify-self: end;
padding-right: 10px; padding-right: 10px;
padding-left: 10px;
} }
.protection-stat-label { .protection-stat-label {
@@ -103,6 +101,18 @@
} }
} }
&.total-files {
flex-direction: row;
}
&.total-checks {
flex-direction: column;
div {
width: 110px;
}
}
&.total-files.add-content { &.total-files.add-content {
display: flex; display: flex;
justify-content: center; justify-content: center;
@@ -249,7 +259,8 @@
justify-content: start; justify-content: start;
padding-left: 20px; padding-left: 20px;
font-weight: 500; font-weight: 500;
border-left: 1px solid v.$b-color-1;; border-left: 1px solid v.$b-color-1;
;
.icon { .icon {
margin-right: 10px; margin-right: 10px;
@@ -269,11 +280,13 @@
} }
&.last-column { &.last-column {
border-right: 1px solid v.$b-color-1;; border-right: 1px solid v.$b-color-1;
;
} }
&.last-row { &.last-row {
border-bottom: 1px solid v.$b-color-1;; border-bottom: 1px solid v.$b-color-1;
;
} }
&.second-row { &.second-row {
src/app/ui/dashboard/protection-overview.tsx
+13 -10
View File
@@ -132,25 +132,28 @@ export default function ProtectionOverview() {
{filesInfo?.totalCount ? ( {filesInfo?.totalCount ? (
<> <>
<div className="protection-stat total-files"> <div className="protection-stat total-files">
<div className="protection-stat-value"> <span className="protection-stat-value">
{filesInfo?.totalCount ? filesInfo?.totalCount : 0} {filesInfo?.totalCount ? filesInfo?.totalCount : 0}
</div> </span>
<div className="protection-stat-label"> <span className="protection-stat-label">
{pluralizeFiles(filesInfo?.totalCount || 0)} {pluralizeFiles(filesInfo?.totalCount || 0)}
</div> </span>
</div> </div>
<div className="protection-stat total-checks"> <div className="protection-stat total-checks">
<div className="protection-stat-value"> <div>
<span className="protection-stat-value">
{CHECKS} {CHECKS}
</div> </span>
<div className="protection-stat-label"> <span className="protection-stat-label">
{pluralizeCheks(CHECKS || 0)} {pluralizeCheks(CHECKS || 0)}
</span>
</div> </div>
<div className="protection-stat-value">{VIOLATIONS}</div> <div>
<div className="protection-stat-label"> <span className="protection-stat-value">{VIOLATIONS}</span>
<span className="protection-stat-label">
{pluralizeViolations(VIOLATIONS)} {pluralizeViolations(VIOLATIONS)}
</span>
</div> </div>
</div> </div>
</> </>
) : ( ) : (
src/app/ui/marking-page/protection-summary.tsx
+11 -7
View File
@@ -93,19 +93,23 @@ export default function ProtectionSummary({ fileType }: { fileType: string }) {
<p>{t('current-status-of')}</p> <p>{t('current-status-of')}</p>
<div className="protection-stats"> <div className="protection-stats">
<div className="protection-stat total-files"> <div className="protection-stat total-files">
<div className="protection-stat-value">{filesInfo?.totalCount ? filesInfo?.totalCount : 0}</div> <span className="protection-stat-value">{filesInfo?.totalCount ? filesInfo?.totalCount : 0}</span>
<div className="protection-stat-label"> <span className="protection-stat-label">
{pluralizeFilesName(filesInfo?.totalCount || 0)} {pluralizeFilesName(filesInfo?.totalCount || 0)}
</div> </span>
</div> </div>
<div className="protection-stat total-checks"> <div className="protection-stat total-checks">
<div className="protection-stat-value">{CHECKS}</div> <div>
<div className="protection-stat-label"> <span className="protection-stat-value">{CHECKS}</span>
<span className="protection-stat-label">
{pluralizeCheks(CHECKS)} {pluralizeCheks(CHECKS)}
</span>
</div> </div>
<div className="protection-stat-value">{VIOLATIONS}</div> <div>
<div className="protection-stat-label"> <span className="protection-stat-value">{VIOLATIONS}</span>
<span className="protection-stat-label">
{pluralizeViolations(VIOLATIONS)} {pluralizeViolations(VIOLATIONS)}
</span>
</div> </div>
</div> </div>
<div className="protection-stat total-usage"> <div className="protection-stat total-usage">