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

add complain registration, add view complaint inforation, add status change for marches when user click on mat

Browse Source
This commit is contained in:
smanylov
2026-03-26 17:30:30 +07:00
parent c9f230a76f
commit 7ae0fecb61
8 changed files with 518 additions and 166 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/styles/pages-styles.scss
+87 -62
View File
@@ -4361,56 +4361,6 @@
}
}
.action-buttons {
display: flex;
gap: 10px;
flex-direction: column;
/* flex-wrap: wrap; */
.btn-action {
flex: 1;
/* min-width: 150px; */
width: 100%;
padding: 12px 20px;
border-radius: 12px;
font-weight: 600;
border: none;
cursor: pointer;
transition: all 0.3s ease;
font-size: 14px;
}
.btn-warning {
background: linear-gradient(135deg, #f59e0b, #d97706);
color: white;
&:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(245, 158, 11, 0.4);
}
}
.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);
}
}
}
.btn-small {
padding: 6px 12px;
border-radius: 8px;
@@ -4421,6 +4371,10 @@
transition: all 0.3s ease;
text-decoration: none;
display: inline-block;
&:disabled {
opacity: 0.6;
}
}
.btn-primary-small {
@@ -4547,22 +4501,21 @@
}
.violation-info {
/* background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
border: 1px solid #e2e8f0;
border-radius: 12px;
*/
background: #fff;
border: 1px solid #f3f4f6;
border-radius: 20px;
box-shadow: 0 4px 20px #0000001a;
padding: 15px;
display: flex;
flex-direction: column;
height: 100%;
min-height: 500px;
&-content {
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
}
&-grid {
@@ -4583,22 +4536,19 @@
}
&-image {
margin-bottom: 20px;
/* padding-bottom: 15px; */
/* border-bottom: 2px solid #e6e8eb; */
width: 300px;
height: 200px;
img {
max-width: 300px;
width: 100%;
height: 100%;
object-fit: contain;
}
}
&-source {
margin-bottom: 20px;
/* padding-bottom: 15px; */
/* border-bottom: 2px solid #e6e8eb; */
span {
color: #64748b;
@@ -4614,6 +4564,81 @@
border-left: 1px solid #e2e8f0;
padding-left: 15px;
}
&-header {
display: grid;
grid-template-columns: 300px auto;
gap: 10px;
flex-shrink: 0;
border-bottom: 1px solid rgb(226, 232, 240);
}
&-case-grid {
display: grid;
grid-template-rows: 1fr 1fr;
gap: 5px;
flex: 1;
min-height: 0;
overflow: auto;
}
&-case {
padding: 10px;
&:first-child {
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);
}
} */
}
}
.pagination {