Account Changes
This commit is contained in:
@@ -6,6 +6,7 @@
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
<style>
|
||||
/* ---------- Base ---------- */
|
||||
|
||||
:root{
|
||||
--primary-1:#1a2951;
|
||||
--primary-2:#243a72;
|
||||
@@ -37,7 +38,7 @@ body {
|
||||
/* header */
|
||||
.account-header {
|
||||
margin-bottom: 18px;
|
||||
background: linear-gradient(90deg,var(--primary-1),var(--primary-2));
|
||||
background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
padding: 22px 26px;
|
||||
border-radius: var(--rounded);
|
||||
box-shadow: 0 6px 18px rgba(34,50,90,0.12);
|
||||
@@ -62,7 +63,7 @@ body {
|
||||
|
||||
.btn {
|
||||
display:inline-flex; align-items:center; justify-content:center; gap:8px;
|
||||
background: linear-gradient(90deg,var(--primary-1),var(--primary-2));
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
color:#fff; border:none; padding:10px 16px; border-radius:10px; font-weight:600;
|
||||
cursor:pointer; transition: transform .15s ease, box-shadow .15s;
|
||||
}
|
||||
@@ -334,7 +335,7 @@ tr:hover td{ background:#fbfdff; }
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
/* margin-right:-550px; */
|
||||
margin-right:-550px;
|
||||
|
||||
}
|
||||
|
||||
@@ -342,7 +343,7 @@ tr:hover td{ background:#fbfdff; }
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-right:-550px;
|
||||
margin-right:8=500px;
|
||||
|
||||
}
|
||||
|
||||
@@ -492,7 +493,7 @@ tr:hover td{ background:#fbfdff; }
|
||||
.entry-summary-cards {
|
||||
display:flex;
|
||||
gap:16px;
|
||||
margin-bottom:20px;
|
||||
margin-top:25px;
|
||||
flex-wrap:wrap;
|
||||
}
|
||||
.entry-summary-card {
|
||||
@@ -572,7 +573,7 @@ tr:hover td{ background:#fbfdff; }
|
||||
}
|
||||
|
||||
.entry-orders-header {
|
||||
background: linear-gradient(90deg, var(--primary-1), var(--primary-2));
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
padding: 24px 30px;
|
||||
color: white;
|
||||
border-radius: 16px 16px 0 0;
|
||||
@@ -656,7 +657,9 @@ tr:hover td{ background:#fbfdff; }
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 16px 20px;
|
||||
background: linear-gradient(90deg, #f8fbff, #f5f9ff);
|
||||
background: linear-gradient(90deg, #e6ebf5 0%, #f9fbff 100%);
|
||||
|
||||
|
||||
border-radius: 10px;
|
||||
margin-top: 20px;
|
||||
border: 1px solid #eef3fb;
|
||||
@@ -1007,7 +1010,10 @@ tr:hover td{ background:#fbfdff; }
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 16px;
|
||||
padding: 12px 14px;
|
||||
background: linear-gradient(90deg, #f9fbff, #f7faff);
|
||||
background:linear-gradient(90deg, #e6ebf5 0%, #f9fbff 100%);
|
||||
|
||||
|
||||
|
||||
border-radius: 8px;
|
||||
border: 1px solid #eef3fb;
|
||||
}
|
||||
@@ -1291,6 +1297,8 @@ tr:hover td{ background:#fbfdff; }
|
||||
}
|
||||
|
||||
/* Responsive modals */
|
||||
|
||||
|
||||
.entry-details-modal .modal-box1,
|
||||
.entry-orders-modal .modal-box1 {
|
||||
margin: 10px;
|
||||
@@ -1539,7 +1547,7 @@ html, body {
|
||||
<!-- CREATE ORDER POPUP MODAL -->
|
||||
<div class="create-order-modal" id="createOrderModal">
|
||||
<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; background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding:20px; border-radius:12px; color:white; margin-top:-20px; margin-left:-20px; margin-right:-15px; margin-top:-15px;">
|
||||
<div style="font-size:20px; font-weight:800;">Create New Installment</div>
|
||||
<button class="btn ghost" id="closeCreateModal" title="Close create form">✕</button>
|
||||
</div>
|
||||
@@ -1634,8 +1642,8 @@ html, body {
|
||||
<!-- ENTRY DETAILS MODAL (Enhanced) -->
|
||||
<div class="modal-fade1 entry-details-modal" id="entryDetailsModal">
|
||||
<div class="modal-box1">
|
||||
<div class="entry-details-header">
|
||||
<h2>Entry Details</h2>
|
||||
<div class="entry-details-header" >
|
||||
<h2 >Entry Details</h2>
|
||||
<div class="subtitle">
|
||||
<span id="entryDetailsId">Loading...</span>
|
||||
<span>• Complete view of all installments for this entry</span>
|
||||
@@ -1783,7 +1791,7 @@ html, body {
|
||||
<!-- Installment Modal -->
|
||||
<div class="modal-fade1" id="installmentModal">
|
||||
<div class="modal-box1" style="max-width:720px;">
|
||||
<div style="display:flex;align-items:center; justify-content:space-between; margin-bottom:12px;">
|
||||
<div style="display:flex;align-items:center; justify-content:space-between; margin-bottom:12px; background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding:16px; border-radius:8px; color:white; margin-top:-15px; margin-left:-20px; margin-right:-15px;">
|
||||
<div style="font-size:18px;font-weight:800;color:#243a72;">+ Add New Installment</div>
|
||||
<button class="btn ghost" onclick="closeInstallmentModal()">✕</button>
|
||||
</div>
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
.custom-table tbody tr:hover { background-color: #fffbea; transform: scale(1.01); box-shadow: 0 2px 6px rgba(0,0,0,0.05); }
|
||||
.priority-badge {
|
||||
display: inline-flex; align-items: center; font-size: 13.5px; padding: 6px 16px; border-radius: 12px; font-weight: 600;
|
||||
box-shadow: 0 1px 2px 0 rgba(130,130,130,0.15); width: 90px; min-height: 28px; justify-content: center;
|
||||
box-shadow: 0 1px 2px 0 rgba(230, 206, 206, 0.15); width: 90px; min-height: 28px; justify-content: center;
|
||||
color: #fff; margin: 2px 0; transition: transform 0.2s ease-in-out;
|
||||
}
|
||||
.priority-badge:hover { transform: scale(1.08); }
|
||||
@@ -30,8 +30,8 @@
|
||||
.priority-medium { background: linear-gradient(135deg, #ffe390, #f5b041); }
|
||||
.priority-low { background: linear-gradient(135deg, #b8f0c2, #1d8660); }
|
||||
.custom-table thead th {
|
||||
text-align: center; font-weight: 700; color: #000; padding: 14px; font-size: 17px; letter-spacing: 0.5px;
|
||||
border-bottom: 2px solid #bfbfbf; background-color: #fde4b3;
|
||||
text-align: center; font-weight: 700; color: #ffffffff; padding: 14px; font-size: 17px; letter-spacing: 0.5px;
|
||||
border-bottom: 2px solid #bfbfbf; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);;
|
||||
}
|
||||
.custom-table thead tr:first-child th:first-child { border-top-left-radius: 12px; }
|
||||
.custom-table thead tr:first-child th:last-child { border-top-right-radius: 12px; }
|
||||
|
||||
@@ -30,7 +30,7 @@
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
/* .table-responsive {
|
||||
.table-responsive {
|
||||
width: 100% !important;
|
||||
max-width: 100vw !important
|
||||
overflow-x: auto !important;
|
||||
@@ -38,7 +38,7 @@
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
} */
|
||||
}
|
||||
|
||||
.table-responsive {
|
||||
overflow-x: hidden !important; /* auto ऐवजी hidden जर full remove करायचं असेल तर */
|
||||
|
||||
Reference in New Issue
Block a user