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

add complaints\claims blocks

Browse Source
This commit is contained in:
smanylov
2026-04-20 16:08:10 +07:00
parent 85b77aeb91
commit f55f4cedfe
15 changed files with 468 additions and 195 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/styles/pages-styles.scss
+105 -92
View File
@@ -2624,109 +2624,122 @@
}
}
.cases-carousel-track {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
.case-card {
background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
border: 2px solid v.$border-color-1;
border-radius: 16px;
padding: 24px;
transition: all 0.3s ease;
cursor: pointer;
position: relative;
overflow: hidden;
@media (max-width: 890px) {
grid-template-columns: auto;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
&:hover::before {
opacity: 1;
}
.case-card {
background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
border: 2px solid v.$border-color-1;
border-radius: 16px;
padding: 24px;
transition: all 0.3s ease;
cursor: pointer;
position: relative;
overflow: hidden;
&::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
opacity: 0;
transition: opacity 0.3s ease;
border-radius: 16px 0 0 16px;
}
&:hover::before {
opacity: 1;
}
.case-card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
gap: 12px;
flex-wrap: wrap;
&::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
opacity: 0;
transition: opacity 0.3s ease;
border-radius: 16px 0 0 16px;
}
.case-card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
gap: 12px;
.case-number {
font-weight: 800;
color: #667eea;
font-size: 0.85rem;
}
}
.case-card-title {
font-size: 0.95rem;
font-weight: 600;
color: #1e293b;
margin-bottom: 16px;
min-height: 50px;
}
.case-card-meta {
font-size: 0.9rem;
color: #64748b;
line-height: 1.8;
margin-bottom: 16px;
}
.case-card-actions {
display: flex;
justify-content: flex-end;
}
.btn-primary-small {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 10px 20px;
border-radius: 10px;
font-weight: 700;
.case-number {
font-weight: 800;
color: #667eea;
font-size: 0.85rem;
text-decoration: none;
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
gap: 8px;
}
}
.status-assigned {
background: #fef3c7;
color: #d97706;
}
.case-card-content {
font-size: 0.95rem;
font-weight: 600;
color: #1e293b;
margin-bottom: 16px;
min-height: 50px;
.status-submitted {
background: #dbeafe;
color: #1e40af;
span {
color: #64748b;
}
}
.case-status-badge {
padding: 4px 10px;
border-radius: 20px;
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.3px;
white-space: nowrap;
}
.case-card-meta {
font-size: 0.9rem;
color: #64748b;
line-height: 1.8;
margin-bottom: 16px;
}
.case-card-actions {
display: flex;
justify-content: flex-end;
}
.btn-primary-small {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 10px 20px;
border-radius: 10px;
font-weight: 700;
font-size: 0.85rem;
text-decoration: none;
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
gap: 8px;
}
.status-assigned {
background: #fef3c7;
color: #d97706;
}
.status-submitted {
background: #dbeafe;
color: #1e40af;
}
.case-status-badge {
padding: 4px 10px;
border-radius: 20px;
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.3px;
white-space: nowrap;
}
}
.cases-carousel-track {
position: relative;
/* .swiper-wrapper {
align-items: stretch;
} */
.swiper-slide {
height: auto;
display: flex;
}
}
}