diff --git a/frontend/src/views/admin/Orders.vue b/frontend/src/views/admin/Orders.vue index 47ff2c8..26e903c 100644 --- a/frontend/src/views/admin/Orders.vue +++ b/frontend/src/views/admin/Orders.vue @@ -92,6 +92,35 @@ onMounted(fetchOrders) .page-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; } .table-card { background: #2d2d44; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 12px; padding: 20px; } +:deep(.el-table) { + --el-table-bg-color: transparent; + --el-table-tr-bg-color: transparent; + --el-table-header-bg-color: rgba(255, 255, 255, 0.03); + --el-table-row-hover-bg-color: rgba(255, 255, 255, 0.06); + --el-table-border-color: rgba(255, 255, 255, 0.06); + background: transparent; +} + +:deep(.el-table th) { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.7); + font-weight: 500; +} + +:deep(.el-table td) { + color: rgba(255, 255, 255, 0.9); +} + +:deep(.el-table--enable-row-hover .el-table__body tr:hover > td) { + background: rgba(255, 255, 255, 0.06); +} + +:deep(.el-tag) { + background: rgba(78, 110, 242, 0.15); + color: #4e6ef2; + border: none; +} + .pagination-wrap { margin-top: 20px; display: flex;