This commit is contained in:
Utkarsh Khedkar
2025-12-25 18:11:33 +05:30
parent 10af713fa1
commit c89e5bdf7d
2 changed files with 126 additions and 94 deletions

View File

@@ -27,7 +27,7 @@
justify-content: space-between;
align-items: center;
border-radius: 17px 17px 0 0;
background: #fceeb8ff;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 54px;
padding: 15px 26px 10px 22px;
border-bottom: 1.4px solid #e8e2cf;
@@ -37,7 +37,7 @@
.invoice-management-title {
font-size: 1.32rem;
font-weight: 800;
color: #2451af;
color: #ffffffff;
letter-spacing: .08em;
display: flex;
align-items: center;
@@ -223,7 +223,7 @@
/* Center all table content */
.table thead tr {
background: #feebbe !important;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.table thead th:first-child {
@@ -237,7 +237,7 @@
background: transparent !important;
border: none;
font-weight: 700;
color: #343535;
color: #ffffffff;
letter-spacing: 0.02em;
font-size: 14px;
padding: 20px 15px;
@@ -258,25 +258,33 @@
/* Soft blue background for ALL table rows */
.table-striped tbody tr {
background: #f0f8ff !important;
transition: all 0.2s ease;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
background: #f0f8ff !important;
transition: all 0.15s ease;
border-radius: 6px;
box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}
.table-striped tbody tr td {
padding: 6px 10px;
font-size: 14px;
}
.table-striped tbody tr:hover {
background: #e6f3ff !important;
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
transform: translateY(-0.5px);
}
.table-striped tbody tr:hover {
background: #e6f3ff !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
transform: translateY(-1px);
}
/* Remove striped pattern - all rows same soft blue */
.table-striped tbody tr:nth-of-type(odd),
.table-striped tbody tr:nth-of-type(even) {
background: #f0f8ff !important;
}
/* Center all table cells with proper spacing */
.table td {
padding: 18px 15px;
border: none;
@@ -291,7 +299,7 @@
font-weight: 400;
}
/* First and last cell rounded corners */
.table td:first-child {
padding-left: 30px;
font-weight: 600;
@@ -587,7 +595,7 @@
}
.date-separator {
color: #64748b;
color: #000000ff;
font-weight: 500;
font-family: 'Inter', sans-serif;
}

View File

@@ -30,24 +30,32 @@
max-width: 100% !important;
}
.table-responsive {
/* .table-responsive {
width: 100% !important;
max-width: 100vw !important;
max-width: 100vw !important
overflow-x: auto !important;
overflow-x: hidden !important;
margin: 0 !important;
padding: 0 !important;
-webkit-overflow-scrolling: touch;
}
} */
.table-responsive {
overflow-x: hidden !important; /* auto ऐवजी hidden जर full remove करायचं असेल तर */
}
/* Table specific fixes */
.table {
width: 100% !important;
min-width: 1200px !important;
margin: 0 !important;
border-collapse: separate;
border-spacing: 0;
table-layout: auto !important;
}
width: 100% !important;
/* min-width: 1200px !important; */
margin: 0 !important;
border-collapse: separate;
border-spacing: 0;
table-layout: auto !important;
}
.table thead th,
.table tbody td {
@@ -290,68 +298,84 @@
}
/* Status-specific badges */
.badge-shipment_ready {
background: linear-gradient(135deg, #dbeafe, #93c5fd) !important;
color: #1e40af !important;
border-color: #3b82f6 !important;
width: 160px;
}
/* 1⃣ Shipment Ready ORANGE (Process Start) */
.badge-shipment_ready {
background: linear-gradient(135deg, #ffedd5, #fdba74) !important;
color: #9a3412 !important;
border-color: #f97316 !important;
width: 160px;
.badge-export_custom {
background: linear-gradient(135deg, #e9d5ff, #c4b5fd) !important;
color: #6b21a8 !important;
border-color: #8b5cf6 !important;
width: 160px;
}
}
.badge-international_transit {
background: linear-gradient(135deg, #fef3c7, #fde68a) !important;
color: #d97706 !important;
border-color: #f59e0b !important;
width: 160px;
}
/* 2⃣ Export Custom PURPLE (Official / Docs) */
.badge-export_custom {
background: linear-gradient(135deg, #ede9fe, #c4b5fd) !important;
color: #5b21b6 !important;
border-color: #8b5cf6 !important;
width: 160px;
}
.badge-arrived_india {
background: linear-gradient(135deg, #a7f3d0, #6ee7b7) !important;
color: #065f46 !important;
border-color: #10b981 !important;
width: 160px;
}
.badge-import_custom {
background: linear-gradient(135deg, #fde68a, #fbbf24) !important;
color: #92400e !important;
border-color: #f59e0b !important;
width: 160px;
}
/* 3⃣ International Transit YELLOW (In-Transit / Alert) */
.badge-international_transit {
background: linear-gradient(135deg, #fef9c3, #fde047) !important;
color: #a16207 !important;
border-color: #facc15 !important;
width: 160px;
}
.badge-warehouse {
background: linear-gradient(135deg, #c4b5fd, #a78bfa) !important;
color: #5b21b6 !important;
border-color: #7c3aed !important;
width: 160px;
}
.badge-domestic_distribution {
background: linear-gradient(135deg, #93c5fd, #60a5fa) !important;
color: #1e40af !important;
border-color: #3b82f6 !important;
width: 160px;
}
/* 4⃣ Arrived India GREEN (Safe Arrival) */
.badge-arrived_india {
background: linear-gradient(135deg, #dcfce7, #86efac) !important;
color: #166534 !important;
border-color: #22c55e !important;
width: 160px;
}
.badge-out_for_delivery {
background: linear-gradient(135deg, #fbcfe8, #f9a8d4) !important;
color: #be185d !important;
border-color: #ec4899 !important;
width: 160px;
}
.badge-delivered {
background: linear-gradient(135deg, #d1fae5, #a7f3d0) !important;
color: #065f46 !important;
border-color: #10b981 !important;
width: 160px;
}
/* 5⃣ Import Custom AMBER (Verification / Hold) */
.badge-import_custom {
background: linear-gradient(135deg, #fef3c7, #fbbf24) !important;
color: #92400e !important;
border-color: #f59e0b !important;
width: 160px;
}
/* 6⃣ Warehouse INDIGO (Storage / Control) */
.badge-warehouse {
background: linear-gradient(135deg, #e0e7ff, #a5b4fc) !important;
color: #312e81 !important;
border-color: #6366f1 !important;
width: 160px;
}
/* 7⃣ Domestic Distribution BLUE (Movement) */
.badge-domestic_distribution {
background: linear-gradient(135deg, #dbeafe, #60a5fa) !important;
color: #1e3a8a !important;
border-color: #3b82f6 !important;
width: 160px;
}
/* 8⃣ Out For Delivery PINK (Final Action) */
.badge-out_for_delivery {
background: linear-gradient(135deg, #fce7f3, #f9a8d4) !important;
color: #9d174d !important;
border-color: #ec4899 !important;
width: 160px;
}
/* 9⃣ Delivered DARK GREEN (Success) */
.badge-delivered {
background: linear-gradient(135deg, #d1fae5, #6ee7b7) !important;
color: #065f46 !important;
border-color: #10b981 !important;
width: 150px;
}
/* Default badge styles - SAME SIZE */
.badge.bg-info {
@@ -1763,12 +1787,12 @@
<option value="delivered">Delivered</option>
</select>
</div>
<select id="carrierFilter">
<!-- <select id="carrierFilter">
<option value="all">All Carriers</option>
<option value="fedex">FedEx</option>
<option value="ups">UPS</option>
<option value="dhl">DHL</option>
</select>
</select> -->
<button type="button" class="btn-add-shipment" data-bs-toggle="modal" data-bs-target="#createShipmentModal">
<span class="truck-icon">🚚</span>
Add Shipments