Invoice Frontend

resources/views/admin/dashboard.blade.php

@@ -506,20 +506,6 @@ body, .container-fluid { background: #f4f7fc; }
   letter-spacing: 0.5px;
 }
 
-#orderDetailsBody {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-}
-
-#orderDetailsBody > * {
-  width: 100%;
-  max-width: 100%;
-}
-
-
 .status-pending { background: #fff3cd; color: #856404; }
 .status-completed { background: #d1edff; color: #0c5460; }
 .status-processing { background: #d4edda; color: #155724; }
@@ -669,6 +655,65 @@ body, .container-fluid { background: #f4f7fc; }
   }
 }
 
+/* NEW: Sticky customer info header for order details */
+.sticky-customer-header {
+  position: sticky;
+  top: 0;
+  background: white;
+  z-index: 100;
+  padding: 20px;
+  border-radius: 12px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+  margin-bottom: 20px;
+  border-left: 5px solid #667eea;
+}
+
+.customer-info-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: 15px;
+}
+
+.customer-info-item {
+  display: flex;
+  flex-direction: column;
+}
+
+.customer-info-label {
+  font-size: 0.8rem;
+  color: #6c757d;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 4px;
+}
+
+.customer-info-value {
+  font-size: 1rem;
+  font-weight: 600;
+  color: #2c3e50;
+  word-break: break-word;
+}
+
+/* Scrollable table container */
+.scrollable-table-container {
+  max-height: 400px;
+  overflow-y: auto;
+  border: 1px solid #e9ecef;
+  border-radius: 12px;
+  margin-top: 20px;
+}
+
+.scrollable-table-container .modern-table {
+  margin-bottom: 0;
+}
+
+.scrollable-table-container .modern-table thead th {
+  position: sticky;
+  top: 0;
+  z-index: 10;
+}
+
 </style>
 
 <div class="container-fluid py-3">
@@ -1082,6 +1127,8 @@ document.addEventListener('DOMContentLoaded', function () {
   });
 
 });
+
+
 </script>