This commit is contained in:
Abhishek Mali
2025-12-23 21:11:53 +05:30
parent 8f95091673
commit f7856a6755
2 changed files with 23 additions and 13 deletions

Binary file not shown.

View File

@@ -48,7 +48,7 @@ body {
/* top actions row */ /* top actions row */
.top-actions { .top-actions {
display:flex; align-items:center; justify-content:space-between; align-items:center; justify-content:space-between;
gap:12px; margin:16px 0 20px 0; flex-wrap:wrap; gap:12px; margin:16px 0 20px 0; flex-wrap:wrap;
} }
.top-actions .left { .top-actions .left {
@@ -67,7 +67,7 @@ body {
cursor:pointer; transition: transform .15s ease, box-shadow .15s; cursor:pointer; transition: transform .15s ease, box-shadow .15s;
} }
.btn.ghost { background: transparent; color:var(--primary-1); border:1.5px solid #dbe4f5; box-shadow:none; } .btn.ghost { background: transparent; color:var(--primary-1); border:1.5px solid #dbe4f5; box-shadow:none; }
.btn:hover{ transform: translateY(-3px); box-shadow: 0 8px 26px rgba(36,58,114,0.12); } .btn:hover{ transform: translateY(-3px); box-shadow: 0 8px 26px rgba(227, 229, 234, 0.12); }
/* account panels */ /* account panels */
.account-panels { .account-panels {
@@ -89,12 +89,12 @@ body {
background: var(--card-bg); background: var(--card-bg);
border-radius:12px; border-radius:12px;
box-shadow:0 8px 20px rgba(25,40,80,0.06); box-shadow:0 8px 20px rgba(25,40,80,0.06);
padding:22px; padding:20px; /* 005 */
box-sizing:border-box; box-sizing:border-box;
overflow-x:auto; overflow-x:auto;
transition: transform .12s, box-shadow .12s; transition: transform .12s, box-shadow .12s;
min-height: 520px; min-height: 520px;
display: flex; /* display: flex; */ /* 005 */
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;
height: 100%; height: 100%;
@@ -205,8 +205,8 @@ tr:hover td{ background:#fbfdff; }
.toggle-switch-btn { .toggle-switch-btn {
appearance:none; appearance:none;
-webkit-appearance:none; -webkit-appearance:none;
width:60px; width:64px;
height:24px; height:26.5px; /* 005 */
background:#f25b5b; background:#f25b5b;
border:2px solid #f25b5b; border:2px solid #f25b5b;
border-radius:999px; border-radius:999px;
@@ -313,7 +313,7 @@ tr:hover td{ background:#fbfdff; }
margin-top: 15px; margin-top: 15px;
padding: 12px 0; padding: 12px 0;
border-top: 1px solid #eef3fb; border-top: 1px solid #eef3fb;
margin-right:550px; /* margin-right:550px; */
} }
.pagination-info { .pagination-info {
@@ -326,14 +326,15 @@ tr:hover td{ background:#fbfdff; }
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
margin-right:-1050px; position: absolute;
right: 16px; /* 005 */
} }
.pagination-controls1 { .pagination-controls1 {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
margin-right:-550px; /* margin-right:-550px; */
} }
@@ -563,7 +564,7 @@ tr:hover td{ background:#fbfdff; }
/* Combined filters row styling */ /* Combined filters row styling */
.combined-filters-row { .combined-filters-row {
display: flex; display: ruby; /* 005 */
gap: 12px; gap: 12px;
align-items: center; align-items: center;
margin-bottom: 16px; margin-bottom: 16px;
@@ -576,8 +577,8 @@ tr:hover td{ background:#fbfdff; }
} }
.right{ .right{
margin-left:auto; /* margin-left:auto;
margin-top:-16px; margin-top:-16px; */ /* 005 */
} }
.filter-group1 { .filter-group1 {
@@ -953,6 +954,15 @@ tr:hover td{ background:#fbfdff; }
transition: background 0.2s; transition: background 0.2s;
} }
.combined-top-row .btn:hover {
color: #ffffff !important;
background-color: inherit !important;
border-color: inherit !important;
transform: none !important;
box-shadow: none !important;
}
.remove-order-btn:hover { .remove-order-btn:hover {
background: #d42c3f; background: #d42c3f;
} }
@@ -1314,7 +1324,7 @@ html, body {
<div class="create-order-modal" id="createOrderModal"> <div class="create-order-modal" id="createOrderModal">
<div class="modal-box"> <div class="modal-box">
<div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:16px;"> <div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:16px;">
<div style="font-size:20px; font-weight:800; color:var(--primary-1)">Create New Installment</div> <div style="font-size:20px; font-weight:800;">Create New Installment</div>
<button class="btn ghost" id="closeCreateModal" title="Close create form"></button> <button class="btn ghost" id="closeCreateModal" title="Close create form"></button>
</div> </div>