account
This commit is contained in:
BIN
public/invoices/invoice-INV-2025-000051.pdf
Normal file
BIN
public/invoices/invoice-INV-2025-000051.pdf
Normal file
Binary file not shown.
@@ -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>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user