From ef3ca58d3479c4aef08ace08b21c66731fec71c5 Mon Sep 17 00:00:00 2001 From: Flatlogic Bot Date: Sat, 21 Feb 2026 08:02:55 +0000 Subject: [PATCH] Autosave: 20260221-080254 --- admin/customer_service.php | 406 +++++++++++------- admin/layout.php | 15 +- api/chat.php | 108 ++++- .../images/chat/1771656431_699954ef30d7d.png | Bin 0 -> 1560169 bytes .../images/chat/1771656734_6999561e26dde.jpeg | Bin 0 -> 32013 bytes .../images/chat/1771656835_699956831fd39.png | Bin 0 -> 1560169 bytes .../images/chat/1771656847_6999568fb1844.jpeg | Bin 0 -> 177154 bytes .../images/chat/1771656995_699957235bc5e.jpeg | Bin 0 -> 32013 bytes .../images/chat/1771657601_6999598181dec.gif | Bin 0 -> 183937 bytes .../images/chat/1771658354_69995c7264127.png | Bin 0 -> 1138358 bytes .../images/chat/1771658478_69995ceea47f5.jpeg | Bin 0 -> 32013 bytes .../images/chat/1771658929_69995eb18f7db.jpeg | Bin 0 -> 29519 bytes .../images/chat/1771658953_69995ec9907ab.png | Bin 0 -> 1560169 bytes .../images/chat/1771659438_699960ae5919d.jpeg | Bin 0 -> 32013 bytes .../images/chat/1771659466_699960ca7fdd7.jpeg | Bin 0 -> 177154 bytes .../images/chat/1771659724_699961cc83bf1.jpg | Bin 0 -> 39854 bytes .../images/chat/1771660505_699964d9a77f0.jpg | Bin 0 -> 39854 bytes .../images/chat/1771660518_699964e630f30.jpeg | Bin 0 -> 32013 bytes .../images/chat/1771660790_699965f662dcf.jpeg | Bin 0 -> 53493 bytes .../images/chat/1771660806_69996606a0afb.png | Bin 0 -> 1464128 bytes auth/register.php | 2 +- includes/footer.php | 39 +- includes/header.php | 15 +- recharge.php | 18 +- 24 files changed, 413 insertions(+), 190 deletions(-) create mode 100644 assets/images/chat/1771656431_699954ef30d7d.png create mode 100644 assets/images/chat/1771656734_6999561e26dde.jpeg create mode 100644 assets/images/chat/1771656835_699956831fd39.png create mode 100644 assets/images/chat/1771656847_6999568fb1844.jpeg create mode 100644 assets/images/chat/1771656995_699957235bc5e.jpeg create mode 100644 assets/images/chat/1771657601_6999598181dec.gif create mode 100644 assets/images/chat/1771658354_69995c7264127.png create mode 100644 assets/images/chat/1771658478_69995ceea47f5.jpeg create mode 100644 assets/images/chat/1771658929_69995eb18f7db.jpeg create mode 100644 assets/images/chat/1771658953_69995ec9907ab.png create mode 100644 assets/images/chat/1771659438_699960ae5919d.jpeg create mode 100644 assets/images/chat/1771659466_699960ca7fdd7.jpeg create mode 100644 assets/images/chat/1771659724_699961cc83bf1.jpg create mode 100644 assets/images/chat/1771660505_699964d9a77f0.jpg create mode 100644 assets/images/chat/1771660518_699964e630f30.jpeg create mode 100644 assets/images/chat/1771660790_699965f662dcf.jpeg create mode 100644 assets/images/chat/1771660806_69996606a0afb.png diff --git a/admin/customer_service.php b/admin/customer_service.php index 9a71014..c035579 100644 --- a/admin/customer_service.php +++ b/admin/customer_service.php @@ -49,6 +49,28 @@ ob_start(); background: #e7f3ff; border-left: 4px solid #007bff; } + .user-card { + position: relative; + } + .delete-chat-btn { + position: absolute; + top: 35px; + right: 10px; + opacity: 0; + transition: opacity 0.2s; + z-index: 10; + padding: 5px; + border-radius: 4px; + background: rgba(255,255,255,0.9); + box-shadow: 0 2px 4px rgba(0,0,0,0.1); + } + .user-card:hover .delete-chat-btn { + opacity: 1; + } + .delete-chat-btn:hover { + background: #fff0f0; + color: #dc3545 !important; + } .chat-header { padding: 12px 20px; border-bottom: 1px solid #eee; @@ -61,38 +83,56 @@ ob_start(); overflow-y: auto; display: flex; flex-direction: column; - gap: 12px; + gap: 16px; } .msg { - max-width: 80%; - padding: 8px 14px; - border-radius: 12px; - font-size: 14px; - line-height: 1.5; + max-width: 75%; + padding: 10px 16px; + font-size: 14.5px; + line-height: 1.6; position: relative; display: flex; flex-direction: column; + box-shadow: 0 2px 5px rgba(0,0,0,0.03); + transition: transform 0.2s; + } + .msg:hover { + transform: translateY(-1px); } .msg-time { font-size: 10px; opacity: 0.7; - margin-top: 4px; + margin-top: 6px; + font-weight: 500; } .msg-admin { align-self: flex-end; - background: #007bff; + margin-left: auto; + background: linear-gradient(135deg, #007bff, #0056b3); color: #fff; - border-bottom-right-radius: 2px; + border-radius: 18px 18px 2px 18px; } .msg-admin .msg-time { text-align: right; - color: #e0e0e0; + color: rgba(255,255,255,0.8); } .msg-user { align-self: flex-start; - background: #f0f0f0; - color: #333; - border-bottom-left-radius: 2px; + margin-right: auto; + background: #f1f3f5; + color: #212529; + border-radius: 18px 18px 18px 2px; + border: 1px solid #e9ecef; + } + .msg-user::before { + content: attr(data-ip); + position: absolute; + top: -20px; + left: 4px; + font-size: 10px; + font-weight: bold; + color: #adb5bd; + white-space: nowrap; } .msg-user .msg-time { color: #888; @@ -118,13 +158,22 @@ ob_start(); background: #fcfcfc; } .status-online { - width: 8px; - height: 8px; + width: 10px; + height: 10px; background: #28a745; border-radius: 50%; display: inline-block; margin-right: 5px; } + .pulse-animation { + animation: pulse-green 2s infinite; + box-shadow: 0 0 0 rgba(40, 167, 69, 0.4); + } + @keyframes pulse-green { + 0% { box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.4); } + 70% { box-shadow: 0 0 0 10px rgba(40, 167, 69, 0); } + 100% { box-shadow: 0 0 0 0 rgba(40, 167, 69, 0); } + } #remark-text { height: 150px; font-size: 13px; @@ -144,20 +193,26 @@ ob_start();
-