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

add resolved button for matched file

Browse Source
This commit is contained in:
smanylov
2026-03-27 13:50:41 +07:00
parent 6453e8402e
commit 9128c0e298
6 changed files with 158 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/styles/pages-styles.scss
+99 -79
View File
@@ -4468,34 +4468,6 @@
flex: 1;
}
.source-status {
padding: 4px 10px;
border-radius: 6px;
font-size: 11px;
font-weight: 600;
white-space: nowrap;
margin-bottom: 5px;
&.new,
&.created {
background: v.$status-new;
}
&.showed {
background-color: v.$b-color-1;
}
&.legal_in_work,
&.complaint_in_work {
background: v.$status-in-work;
color: v.$white;
}
&.authorized_use {
background: v.$authorized-use;
}
}
.source-meta {
gap: 15px;
font-size: 12px;
@@ -4514,6 +4486,85 @@
}
}
.source-status {
padding: 4px 10px;
border-radius: 6px;
font-size: 11px;
font-weight: 600;
white-space: nowrap;
margin-bottom: 5px;
user-select: none;
&.new,
&.created {
background: v.$status-new;
}
&.showed {
background-color: v.$b-color-1;
}
&.legal_in_work,
&.complaint_in_work {
background: v.$status-in-work;
color: v.$white;
}
&.authorized_use {
background: v.$authorized-use;
}
}
.btn-action {
flex: 1;
width: 100%;
padding: 12px 20px;
border-radius: 12px;
font-weight: 600;
border: none;
cursor: pointer;
transition: all 0.3s ease;
font-size: 14px;
max-width: 300px;
}
.btn-case {
background: linear-gradient(135deg, #6366f1, #8b5cf6);
color: white;
margin-bottom: 20px;
&:hover {
transform: translateY(-2px);
}
}
.btn-success {
background: linear-gradient(135deg, #10b981, #059669);
color: white;
max-width: 200px;
padding: 6px 10px;
&:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(16, 185, 129, 0.4);
}
}
/* .btn-warning {
background: linear-gradient(135deg, #f59e0b, #d97706);
color: white;
}
.btn-secondary {
background: linear-gradient(135deg, #64748b, #475569);
color: white;
&:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(100, 116, 139, 0.4);
}
} */
.violation-info {
background: #fff;
border: 1px solid #f3f4f6;
@@ -4550,7 +4601,6 @@
}
&-image {
margin-bottom: 20px;
width: 300px;
height: 200px;
@@ -4561,9 +4611,13 @@
}
}
&-source {
margin-bottom: 20px;
&-right-side {
display: flex;
flex-direction: column;
gap: 10px;
}
&-source {
span {
color: #64748b;
margin-right: 5px;
@@ -4574,6 +4628,19 @@
}
}
&-date-status {
display: flex;
gap: 10px;
.source-status {
margin-bottom: 0;
}
}
&-action {
margin-top: auto;
}
&-actions {
border-left: 1px solid #e2e8f0;
padding-left: 15px;
@@ -4584,6 +4651,7 @@
grid-template-columns: 300px auto;
gap: 10px;
flex-shrink: 0;
padding-bottom: 20px;
border-bottom: 1px solid rgb(226, 232, 240);
}
@@ -4604,54 +4672,6 @@
border-bottom: 1px solid rgb(226, 232, 240);
padding-bottom: 10px;
}
.btn-action {
flex: 1;
width: 100%;
padding: 12px 20px;
border-radius: 12px;
font-weight: 600;
border: none;
cursor: pointer;
transition: all 0.3s ease;
font-size: 14px;
max-width: 300px;
}
.btn-case {
background: linear-gradient(135deg, #6366f1, #8b5cf6);
color: white;
margin-bottom: 20px;
&:hover {
transform: translateY(-2px);
}
}
/* .btn-warning {
background: linear-gradient(135deg, #f59e0b, #d97706);
color: white;
}
.btn-success {
background: linear-gradient(135deg, #10b981, #059669);
color: white;
&:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(16, 185, 129, 0.4);
}
}
.btn-secondary {
background: linear-gradient(135deg, #64748b, #475569);
color: white;
&:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(100, 116, 139, 0.4);
}
} */
}
}