aheh/mirotalk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[mirotalk] - style(chat): reduce reaction emoji and badge sizes for responsive mobile chat UI

Browse Source
This commit is contained in:
Miroslav Pejic
2026-04-24 08:58:00 +02:00
parent ff3bfbf62b
commit 367037f5e6
8 changed files with 53 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.env.template
+1 -1
View File
@@ -1,5 +1,5 @@
# ====================================================
# MiroTalk P2P v.1.8.09 - Environment Configuration
# MiroTalk P2P v.1.8.10 - Environment Configuration
# ====================================================
# App environment
app/src/config.template.js
+1 -1
View File
@@ -2,7 +2,7 @@
/**
* ==============================================
* MiroTalk P2P v.1.8.09 - Configuration File
* MiroTalk P2P v.1.8.10 - Configuration File
* ==============================================
*
* This file is the central configuration source.
app/src/server.js
+1 -1
View File
@@ -45,7 +45,7 @@ dependencies: {
* @license For commercial use or closed source, contact us at license.mirotalk@gmail.com or purchase directly from CodeCanyon
* @license CodeCanyon: https://codecanyon.net/item/mirotalk-p2p-webrtc-realtime-video-conferences/38376661
* @author Miroslav Pejic - miroslav.pejic.85@gmail.com
* @version 1.8.09
* @version 1.8.10
*
*/
package-lock.json
Generated
+21 -39
View File
@@ -1,17 +1,17 @@
{
"name": "mirotalk",
"version": "1.8.09",
"version": "1.8.10",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "mirotalk",
"version": "1.8.09",
"version": "1.8.10",
"license": "AGPL-3.0",
"dependencies": {
"@mattermost/client": "11.6.0",
"@ngrok/ngrok": "1.7.0",
"@sentry/node": "^10.49.0",
"@sentry/node": "^10.50.0",
"axios": "^1.15.2",
"chokidar": "^5.0.0",
"colors": "^1.4.0",
@@ -1025,23 +1025,6 @@
"@opentelemetry/api": "^1.3.0"
}
},
"node_modules/@opentelemetry/instrumentation-undici": {
"version": "0.24.0",
"resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-undici/-/instrumentation-undici-0.24.0.tgz",
"integrity": "sha512-oKzZ3uvqP17sV0EsoQcJgjEfIp0kiZRbYu/eD8p13Cbahumf8lb/xpYeNr/hfAJ4owzEtIDcGIjprfLcYbIKBQ==",
"license": "Apache-2.0",
"dependencies": {
"@opentelemetry/core": "^2.0.0",
"@opentelemetry/instrumentation": "^0.214.0",
"@opentelemetry/semantic-conventions": "^1.24.0"
},
"engines": {
"node": "^18.19.0 || >=20.6.0"
},
"peerDependencies": {
"@opentelemetry/api": "^1.7.0"
}
},
"node_modules/@opentelemetry/redis-common": {
"version": "0.38.2",
"resolved": "https://registry.npmjs.org/@opentelemetry/redis-common/-/redis-common-0.38.2.tgz",
@@ -1219,18 +1202,18 @@
"license": "Apache-2.0"
},
"node_modules/@sentry/core": {
"version": "10.49.0",
"resolved": "https://registry.npmjs.org/@sentry/core/-/core-10.49.0.tgz",
"integrity": "sha512-UaFeum3LUM1mB0d67jvKnqId1yWQjyqmaDV6kWngG03x+jqXb08tJdGpSoxjXZe13jFBbiBL/wKDDYIK7rCK4g==",
"version": "10.50.0",
"resolved": "https://registry.npmjs.org/@sentry/core/-/core-10.50.0.tgz",
"integrity": "sha512-J4A+vzUO3adl0TkFCjaN1+4miamrjHiEIYuLHiuu1lmAjq5WIVw32ObvAh4yMwNtxyaEMosTrrh5M6f12XSJFg==",
"license": "MIT",
"engines": {
"node": ">=18"
}
},
"node_modules/@sentry/node": {
"version": "10.49.0",
"resolved": "https://registry.npmjs.org/@sentry/node/-/node-10.49.0.tgz",
"integrity": "sha512-xr+HXABCiO5mgAJRQxsXRdNOLO0+Ee6CvXAAIqovL2A1GlhxNWc5ooPWeIrrLDJ/KGyT8zI91O5scpVXdXs0uQ==",
"version": "10.50.0",
"resolved": "https://registry.npmjs.org/@sentry/node/-/node-10.50.0.tgz",
"integrity": "sha512-TvwzFQu8MGKzMQ2/tqxcNzFA8UG2kKTB+GDmA4uOzx3+GT849YZRRSJzEXCmYhk1teVd2fbmgqyYY2nyLF5a+Q==",
"license": "MIT",
"dependencies": {
"@fastify/otel": "0.18.0",
@@ -1257,13 +1240,12 @@
"@opentelemetry/instrumentation-pg": "0.66.0",
"@opentelemetry/instrumentation-redis": "0.62.0",
"@opentelemetry/instrumentation-tedious": "0.33.0",
"@opentelemetry/instrumentation-undici": "0.24.0",
"@opentelemetry/sdk-trace-base": "^2.6.1",
"@opentelemetry/semantic-conventions": "^1.40.0",
"@prisma/instrumentation": "7.6.0",
"@sentry/core": "10.49.0",
"@sentry/node-core": "10.49.0",
"@sentry/opentelemetry": "10.49.0",
"@sentry/core": "10.50.0",
"@sentry/node-core": "10.50.0",
"@sentry/opentelemetry": "10.50.0",
"import-in-the-middle": "^3.0.0"
},
"engines": {
@@ -1271,13 +1253,13 @@
}
},
"node_modules/@sentry/node-core": {
"version": "10.49.0",
"resolved": "https://registry.npmjs.org/@sentry/node-core/-/node-core-10.49.0.tgz",
"integrity": "sha512-7WO0KuCDPSq3G54TVUSI1CKFJwB67LasG+n/gDMBqbrarzs/Yh/s34OOMU5gfVQpncxQAmQsy4nEboQms8iNqA==",
"version": "10.50.0",
"resolved": "https://registry.npmjs.org/@sentry/node-core/-/node-core-10.50.0.tgz",
"integrity": "sha512-Eb1BYf4Lc7ZYmdX3acKP6SgyGikrBA370gbGHaWI5jRu7G7vig8sIu1ghPmY5AlvqBPOetado7GniXr6fAXbTw==",
"license": "MIT",
"dependencies": {
"@sentry/core": "10.49.0",
"@sentry/opentelemetry": "10.49.0",
"@sentry/core": "10.50.0",
"@sentry/opentelemetry": "10.50.0",
"import-in-the-middle": "^3.0.0"
},
"engines": {
@@ -1313,12 +1295,12 @@
}
},
"node_modules/@sentry/opentelemetry": {
"version": "10.49.0",
"resolved": "https://registry.npmjs.org/@sentry/opentelemetry/-/opentelemetry-10.49.0.tgz",
"integrity": "sha512-XNLm4dXmtegXQf+EEE2Cs84Ymlo/f5wMx+lg2S2XS4qLbXaPN/HttjhwKftd8D+8iUNfmH+xNMCSshx4s1B/1w==",
"version": "10.50.0",
"resolved": "https://registry.npmjs.org/@sentry/opentelemetry/-/opentelemetry-10.50.0.tgz",
"integrity": "sha512-axn3pgDPveGdaMUC0abMCmFN7ux2pA5ebPufCef4lMIsyg7BBQvaEJ+vE19wjstMaBCAJGsdZlL3eeP2rtgRMw==",
"license": "MIT",
"dependencies": {
"@sentry/core": "10.49.0"
"@sentry/core": "10.50.0"
},
"engines": {
"node": ">=18"
package.json
+2 -2
View File
@@ -1,6 +1,6 @@
{
"name": "mirotalk",
"version": "1.8.09",
"version": "1.8.10",
"description": "A free WebRTC browser-based video call",
"main": "server.js",
"scripts": {
@@ -46,7 +46,7 @@
"dependencies": {
"@mattermost/client": "11.6.0",
"@ngrok/ngrok": "1.7.0",
"@sentry/node": "^10.49.0",
"@sentry/node": "^10.50.0",
"axios": "^1.15.2",
"chokidar": "^5.0.0",
"colors": "^1.4.0",
public/css/client.css
+24 -18
View File
@@ -1798,26 +1798,26 @@ body {
/* Mobile optimizations for emoji reactions */
@media (max-width: 768px) {
.reaction-emoji-btn {
width: 44px;
height: 44px;
font-size: 22px;
width: 30px;
height: 30px;
font-size: 16px;
}
.msg-actions button {
width: 40px;
height: 40px;
width: 34px;
height: 34px;
}
.reaction-picker {
gap: 10px;
padding: 10px;
gap: 6px;
padding: 6px;
}
.reaction-badge {
min-width: 30px;
height: 22px;
padding: 1px 4px;
font-size: 11px;
min-width: 26px;
height: 20px;
padding: 0 4px;
font-size: 10px;
}
}
@@ -1843,19 +1843,25 @@ body {
@media (max-width: 600px) {
.reaction-emoji-btn {
width: 48px;
height: 48px;
width: 26px;
height: 26px;
font-size: 14px;
}
.msg-actions {
gap: 8px;
gap: 6px;
}
.msg-actions button {
width: 30px;
height: 30px;
}
.reaction-badge {
min-width: 28px;
height: 20px;
padding: 0px 3px;
font-size: 11px;
min-width: 24px;
height: 18px;
padding: 0 3px;
font-size: 10px;
}
}
public/js/brand.js
+1 -1
View File
@@ -109,7 +109,7 @@ let brand = {
},
about: {
imageUrl: '../images/mirotalk-logo.gif',
title: 'WebRTC P2P v1.8.09',
title: 'WebRTC P2P v1.8.10',
html: `
<button
id="support-button"
public/js/client.js
+2 -2
View File
@@ -15,7 +15,7 @@
* @license For commercial use or closed source, contact us at license.mirotalk@gmail.com or purchase directly from CodeCanyon
* @license CodeCanyon: https://codecanyon.net/item/mirotalk-p2p-webrtc-realtime-video-conferences/38376661
* @author Miroslav Pejic - miroslav.pejic.85@gmail.com
* @version 1.8.09
* @version 1.8.10
*
*/
@@ -15265,7 +15265,7 @@ function showAbout() {
Swal.fire({
background: swBg,
position: 'center',
title: brand.about?.title && brand.about.title.trim() !== '' ? brand.about.title : 'WebRTC P2P v1.8.09',
title: brand.about?.title && brand.about.title.trim() !== '' ? brand.about.title : 'WebRTC P2P v1.8.10',
imageUrl: brand.about?.imageUrl && brand.about.imageUrl.trim() !== '' ? brand.about.imageUrl : images.about,
customClass: { image: 'img-about' },
html: `