From 82d9c10130c02c3920e4ee83d11edc76f37d29daa98a87316317f542bd537b6d Mon Sep 17 00:00:00 2001 From: Utkarsh Khedkar Date: Thu, 25 Dec 2025 10:22:20 +0530 Subject: [PATCH] Dashboard Changes --- resources/views/admin/account.blade.php | 733 +++-- resources/views/admin/dashboard.blade.php | 3295 ++++++++++----------- 2 files changed, 2127 insertions(+), 1901 deletions(-) diff --git a/resources/views/admin/account.blade.php b/resources/views/admin/account.blade.php index c5f765d..6e13971 100644 --- a/resources/views/admin/account.blade.php +++ b/resources/views/admin/account.blade.php @@ -458,7 +458,7 @@ tr:hover td{ background:#fbfdff; } filter: brightness(0) saturate(100%) invert(84%) sepia(8%) saturate(165%) hue-rotate(179deg) brightness(89%) contrast(86%); } -/* ---------- Entry Details Modal (existing) ---------- */ +/* ---------- Entry Details Modal (Enhanced) ---------- */ .modal-fade1 { position:fixed; inset:0; @@ -471,15 +471,18 @@ tr:hover td{ background:#fbfdff; } } .modal-fade1.modal-open { display:flex; } .modal-box1 { - background:#fff; - border-radius:12px; - padding:20px 24px; - box-shadow:0 14px 40px rgba(18,30,60,0.12); - max-width:1200px; - width:100%; - max-height:92vh; - overflow:auto; - min-height: 500px; + background:#fff; + border-radius:12px; + padding:20px 24px; + box-shadow:0 14px 40px rgba(18,30,60,0.12); + max-width:1200px; + width:100%; + max-height:92vh; + overflow:auto; + min-height: 500px; + } +#entryOrdersModal { + z-index: 1300; } #entryOrdersModal { z-index: 1300; @@ -504,6 +507,182 @@ tr:hover td{ background:#fbfdff; } .entry-summary-label{ font-size:12px; color:var(--muted); } .entry-summary-value{ font-size:18px; font-weight:700; color:#253047; margin-top:6px; } +/* Enhanced dropdown */ +.installment-status-dropdown { + cursor: pointer; + appearance: none; + width: 100%; + padding: 10px 40px 10px 12px; + border-radius: 8px; + border: 1.5px solid #e3eaf6; + background: white; + font-size: 13px; + font-weight: 500; + transition: all 0.2s ease; + background-image: url('data:image/svg+xml;charset=US-ASCII,'); + background-repeat: no-repeat; + background-position: right 12px center; + min-width: 140px; +} + +.installment-status-dropdown:hover { + border-color: #c2d1f0; + background-color: #f8fafc; +} + +.installment-status-dropdown:focus { + outline: none; + border-color: var(--accent); + box-shadow: 0 0 0 3px rgba(39, 109, 234, 0.1); +} + +/* Status-specific dropdown options */ +.installment-status-dropdown option { + padding: 12px !important; + font-size: 13px; + font-weight: 500; +} + +.installment-status-dropdown option[value="Pending"] { + color: #f59e0b; +} + +.installment-status-dropdown option[value="Loading"] { + color: #3b82f6; +} + +.installment-status-dropdown option[value="Packed"] { + color: #8b5cf6; +} + +.installment-status-dropdown option[value="Dispatched"] { + color: #10b981; +} + +.installment-status-dropdown option[value="Delivered"] { + color: #0c6b2e; +} + +/* ---------- Entry Orders Modal (Enhanced) ---------- */ +.entry-orders-modal .modal-box1 { + padding: 0 !important; + overflow: hidden; + border-radius: 16px; + box-shadow: 0 20px 60px rgba(18, 30, 60, 0.25); +} + +.entry-orders-header { + background: linear-gradient(90deg, var(--primary-1), var(--primary-2)); + padding: 24px 30px; + color: white; + border-radius: 16px 16px 0 0; +} + +.entry-orders-header h2 { + margin: 0 0 8px 0; + font-size: 24px; + font-weight: 700; + color: white; +} + +.entry-orders-header .subtitle { + font-size: 14px; + opacity: 0.9; + display: flex; + align-items: center; + gap: 8px; +} + +.entry-orders-content { + padding: 30px; + max-height: 70vh; + overflow-y: auto; +} + +/* Orders table in modal */ +.orders-table-container { + max-height: 400px; + overflow-y: auto; + border: 1px solid #eef3fb; + border-radius: 12px; + margin: 20px 0; +} + +.orders-table { + width: 100%; + border-collapse: collapse; + font-size: 14px; +} + +.orders-table th { + background: linear-gradient(90deg, #f8fbff, #f5f9ff); + padding: 14px 16px; + text-align: left; + font-weight: 700; + color: var(--primary-1); + border-bottom: 2px solid #eef3fb; + position: sticky; + top: 0; +} + +.orders-table td { + padding: 14px 16px; + border-bottom: 1px solid #f1f6ff; +} + +.orders-table tr:hover { + background: #fbfdff; +} + +.orders-table tr:last-child td { + border-bottom: none; +} + +/* Order ID with badge style */ +.order-id-badge { + display: inline-block; + background: linear-gradient(90deg, #f0f7ff, #e6f0ff); + color: var(--primary-1); + padding: 4px 10px; + border-radius: 6px; + font-weight: 600; + font-size: 12px; + border: 1px solid #dbe4f5; +} + +/* Summary row */ +.orders-summary-row { + display: flex; + justify-content: space-between; + align-items: center; + padding: 16px 20px; + background: linear-gradient(90deg, #f8fbff, #f5f9ff); + border-radius: 10px; + margin-top: 20px; + border: 1px solid #eef3fb; +} + +.orders-summary-item { + display: flex; + flex-direction: column; + align-items: center; + flex: 1; +} + +.orders-summary-value { + font-size: 20px; + font-weight: 800; + color: var(--primary-1); +} + +.orders-summary-label { + font-size: 12px; + color: var(--muted); + margin-top: 4px; + text-transform: uppercase; + letter-spacing: 0.5px; +} + /* installment modal */ #installmentModal .modal-box1 { max-width:720px; min-width:380px; } @@ -1110,6 +1289,38 @@ tr:hover td{ background:#fbfdff; } .pagination-container { margin-right: 0 !important; } + + /* Responsive modals */ + .entry-details-modal .modal-box1, + .entry-orders-modal .modal-box1 { + margin: 10px; + border-radius: 12px; + } + + .entry-details-header, + .entry-orders-header { + padding: 18px 20px; + } + + .entry-details-content, + .entry-orders-content { + padding: 20px; + } + + .entry-summary-cards { + grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); + gap: 12px; + } + + .entry-summary-value { + font-size: 20px; + } + + .orders-summary-row { + flex-direction: column; + gap: 15px; + text-align: center; + } } /* Zoom out specific fix */ @@ -1146,6 +1357,10 @@ tr:hover td{ background:#fbfdff; } .pagination-info { font-size: 12px; } + + .entry-summary-cards { + grid-template-columns: 1fr; + } } /* Prevent horizontal scroll on very small screens */ @@ -1178,6 +1393,7 @@ html, body { +
@@ -1385,7 +1601,7 @@ html, body {
-
+
Showing 0 entries
- -