changes
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
@@ -30,24 +30,32 @@
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
.table-responsive {
|
||||
/* .table-responsive {
|
||||
width: 100% !important;
|
||||
max-width: 100vw !important;
|
||||
overflow-x: auto !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 {
|
||||
@@ -227,7 +235,7 @@
|
||||
/* Table Styles */
|
||||
.table-responsive {
|
||||
border-radius: 0 0 16px 16px;
|
||||
overflow-x: auto !important;
|
||||
overflow-x: auto !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
/* 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;
|
||||
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
|
||||
/* 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
|
||||
|
||||
Reference in New Issue
Block a user