From c89e5bdf7d6358811b49bb9eaa312417dcf39dbc9561062f725ab0e4e3014516 Mon Sep 17 00:00:00 2001 From: Utkarsh Khedkar Date: Thu, 25 Dec 2025 18:11:33 +0530 Subject: [PATCH] changes --- resources/views/admin/invoice.blade.php | 44 +++--- resources/views/admin/shipments.blade.php | 176 ++++++++++++---------- 2 files changed, 126 insertions(+), 94 deletions(-) diff --git a/resources/views/admin/invoice.blade.php b/resources/views/admin/invoice.blade.php index 84aa37a..708cc9b 100644 --- a/resources/views/admin/invoice.blade.php +++ b/resources/views/admin/invoice.blade.php @@ -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; } diff --git a/resources/views/admin/shipments.blade.php b/resources/views/admin/shipments.blade.php index afb33d2..7baca29 100644 --- a/resources/views/admin/shipments.blade.php +++ b/resources/views/admin/shipments.blade.php @@ -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 @@ -