From 5fc2ebd8af8c755864d4ec4fcb289a018ea80422 Mon Sep 17 00:00:00 2001 From: Miroslav Pejic Date: Sat, 12 Oct 2024 22:34:04 +0200 Subject: [PATCH] [mirotalkc2c] - add chat save/clean btn --- backend/server.js | 2 +- frontend/css/chat.css | 19 ++++++----- frontend/html/client.html | 13 ++++++-- frontend/js/client.js | 59 +++++++++++++++++++++++++++++++++-- frontend/js/utils.js | 7 +++++ frontend/sounds/delete.mp3 | Bin 0 -> 8992 bytes frontend/sounds/download.mp3 | Bin 0 -> 53497 bytes package.json | 2 +- 8 files changed, 88 insertions(+), 14 deletions(-) create mode 100644 frontend/sounds/delete.mp3 create mode 100644 frontend/sounds/download.mp3 diff --git a/backend/server.js b/backend/server.js index be76fe9..d3189ba 100644 --- a/backend/server.js +++ b/backend/server.js @@ -9,7 +9,7 @@ * @license For private project or commercial purposes contact us at: license.mirotalk@gmail.com or purchase it directly via Code Canyon: * @license https://codecanyon.net/item/mirotalk-c2c-webrtc-real-time-cam-2-cam-video-conferences-and-screen-sharing/43383005 * @author Miroslav Pejic - miroslav.pejic.85@gmail.com - * @version 1.1.33 + * @version 1.1.34 */ require('dotenv').config(); diff --git a/frontend/css/chat.css b/frontend/css/chat.css index f29d49c..1a97c6d 100644 --- a/frontend/css/chat.css +++ b/frontend/css/chat.css @@ -33,21 +33,26 @@ .chat .header .title { color: white; font-weight: 600; - font-size: 1.4rem; + font-size: 1.2rem; letter-spacing: 0.5px; } +.chat .header .header-buttons { + display: inline; + float: right; +} + .chat .header button { background: transparent; border: none; color: white; - font-size: 1.5rem; + font-size: 1.2rem; cursor: pointer; transition: color 0.2s ease; } .chat .header button:hover { - color: #ff4c4c; + color: #439fff; } /* Chat Body */ @@ -118,13 +123,13 @@ box-shadow: 0 0 5px #439fff; } -.chat .footer .buttons { +.chat .footer .footer-buttons { display: flex; gap: 8px; margin: 10px; } -.chat .footer .buttons button { +.chat .footer .footer-buttons button { width: 2rem; height: 2rem; padding: 5px; @@ -141,7 +146,7 @@ transition: all 0.3s ease-in-out; } -.chat .footer .buttons button:hover { +.chat .footer .footer-buttons button:hover { background-color: var(--secondary-color); } @@ -197,7 +202,7 @@ font-size: 0.9rem; } - .chat .footer .buttons button { + .chat .footer .footer-buttons button { padding: 10px; width: 2.5rem; height: 2.5rem; diff --git a/frontend/html/client.html b/frontend/html/client.html index 7219aee..e194aec 100644 --- a/frontend/html/client.html +++ b/frontend/html/client.html @@ -5,7 +5,10 @@ - + Waiting
Chat - +
+ + + +