CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

style(ui): redesign card component and improve css

Browse Source 
fix(ui): move inline styles to scss and fix spacing

fix(ui): redesign card component, move inline styles to scss, and fix spacing
This commit is contained in:
shubhamsharma9199
2025-09-27 19:03:19 +05:30
parent 1d0fa55baa
commit 6f5dee83fb
2 changed files with 70 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/centers/centers-view/center-actions/manage-groups/manage-groups.component.scss
+61 -4
View File
@@ -1,17 +1,20 @@
.container {
max-width: 50rem;
max-width: 70rem;
.mat-table {
display: block;
font-family: Tahoma, Verdana, sans-serif;
font-family: Roboto, 'Helvetica Neue', sans-serif;
width: 100%;
margin-top: -2rem;
padding: 1.5rem;
}
.mat-row,
.mat-header-row {
display: flex;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom: 1px solid var(--border-color-light, #eee);
color: var(--text-color, inherit);
font-weight: 500;
align-items: center;
min-height: 48px;
padding: 0 24px;
@@ -22,14 +25,68 @@
flex: 1;
overflow: hidden;
word-wrap: break-word;
flex-direction: column;
}
h3 {
padding-left: 0;
margin-bottom: 0;
font-weight: 500;
border-bottom: 2px solid var(--border-color-light, #eee);
padding-bottom: 1rem;
}
.group-card {
max-height: 20rem;
margin-bottom: 1rem;
padding: 1.5rem;
box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
border: 1px solid var(--border-color, #ddd);
border-radius: 8px;
transition:
background-color 0.3s ease,
border-color 0.3s ease;
}
.p-t-10 {
padding-top: 10px;
font-weight: 500;
margin-left: 1rem;
}
.flex-50 {
max-height: 20rem;
margin-bottom: 1rem;
padding: 1.5rem;
box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
border: 1px solid var(--border-color, #ddd);
border-radius: 8px;
transition:
background-color 0.3s ease,
border-color 0.3s ease;
.mat-nav-list {
.member-item {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.25rem 0;
}
.center-gap {
display: flex;
align-items: center;
gap: 0.5rem;
}
.member-item .p-t-10 {
margin: 0;
font-weight: 500;
}
.delete-btn {
margin-left: 0.25rem;
}
}
}
}