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

[mirotalk] - style: standardize border-radius across UI for consistent rounded corners

Browse Source
This commit is contained in:
Miroslav Pejic
2026-03-28 16:56:29 +01:00
parent e74791652d
commit f78931a68f
10 changed files with 81 additions and 69 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.7.63 - Environment Configuration
# MiroTalk P2P v.1.7.64 - Environment Configuration
# ====================================================
# App environment
app/src/config.template.js
+1 -1
View File
@@ -2,7 +2,7 @@
/**
* ==============================================
* MiroTalk P2P v.1.7.63 - Configuration File
* MiroTalk P2P v.1.7.64 - 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.7.63
* @version 1.7.64
*
*/
package-lock.json
Generated
+14 -11
View File
@@ -1,18 +1,18 @@
{
"name": "mirotalk",
"version": "1.7.63",
"version": "1.7.64",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "mirotalk",
"version": "1.7.63",
"version": "1.7.64",
"license": "AGPL-3.0",
"dependencies": {
"@mattermost/client": "11.5.0",
"@ngrok/ngrok": "1.7.0",
"@sentry/node": "^10.46.0",
"axios": "^1.13.6",
"axios": "^1.14.0",
"chokidar": "^5.0.0",
"colors": "^1.4.0",
"compression": "^1.8.1",
@@ -1782,14 +1782,14 @@
}
},
"node_modules/axios": {
"version": "1.13.6",
"resolved": "https://registry.npmjs.org/axios/-/axios-1.13.6.tgz",
"integrity": "sha512-ChTCHMouEe2kn713WHbQGcuYrr6fXTBiu460OTwWrWob16g1bXn4vtz07Ope7ewMozJAnEquLk5lWQWtBig9DQ==",
"version": "1.14.0",
"resolved": "https://registry.npmjs.org/axios/-/axios-1.14.0.tgz",
"integrity": "sha512-3Y8yrqLSwjuzpXuZ0oIYZ/XGgLwUIBU3uLvbcpb0pidD9ctpShJd43KSlEEkVQg6DS0G9NKyzOvBfUtDKEyHvQ==",
"license": "MIT",
"dependencies": {
"follow-redirects": "^1.15.11",
"form-data": "^4.0.5",
"proxy-from-env": "^1.1.0"
"proxy-from-env": "^2.1.0"
}
},
"node_modules/balanced-match": {
@@ -5415,10 +5415,13 @@
}
},
"node_modules/proxy-from-env": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
"license": "MIT"
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-2.1.0.tgz",
"integrity": "sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==",
"license": "MIT",
"engines": {
"node": ">=10"
}
},
"node_modules/proxyquire": {
"version": "2.1.3",
package.json
+2 -2
View File
@@ -1,6 +1,6 @@
{
"name": "mirotalk",
"version": "1.7.63",
"version": "1.7.64",
"description": "A free WebRTC browser-based video call",
"main": "server.js",
"scripts": {
@@ -47,7 +47,7 @@
"@mattermost/client": "11.5.0",
"@ngrok/ngrok": "1.7.0",
"@sentry/node": "^10.46.0",
"axios": "^1.13.6",
"axios": "^1.14.0",
"chokidar": "^5.0.0",
"colors": "^1.4.0",
"compression": "^1.8.1",
public/css/activeRooms.css
+4 -4
View File
@@ -41,7 +41,7 @@ h1 {
.search-input {
padding: 10px 16px;
border-radius: 6px 0 0 6px;
border-radius: 8px 0 0 8px;
border: none;
font-size: 1.1em;
background: #23262e;
@@ -52,7 +52,7 @@ h1 {
.search-btn {
padding: 10px 20px;
border-radius: 0 6px 6px 0;
border-radius: 0 8px 8px 0;
border: none;
background: var(--accent);
color: #fff;
@@ -137,7 +137,7 @@ h1 {
background: var(--accent2);
color: #fff;
border: none;
border-radius: 7px;
border-radius: 8px;
cursor: pointer;
font-size: 1.1em;
font-weight: bold;
@@ -160,7 +160,7 @@ h1 {
padding: 10px 24px;
background: var(--accent2);
color: #fff;
border-radius: 6px;
border-radius: 8px;
font-size: 1em;
font-weight: bold;
text-decoration: none;
public/css/client.css
+44 -35
View File
@@ -196,7 +196,7 @@ body {
background: var(--select-bg) !important;
color: white;
border: var(--border);
border-radius: 5px;
border-radius: 8px;
box-shadow: none;
cursor: pointer;
}
@@ -209,7 +209,7 @@ body {
font-size: 1.5rem;
color: white;
border: var(--border);
border-radius: 5px;
border-radius: 8px;
background-color: transparent;
}
@@ -1002,7 +1002,7 @@ body {
.msger-copy-txt {
border: none;
border-radius: 5px;
border-radius: 8px;
color: #fff;
background: transparent;
}
@@ -1086,7 +1086,7 @@ button {
.msger-input-buttons button {
padding: 5px 6px;
border: none;
border-radius: 5px;
border-radius: 8px;
font-size: 1rem;
color: #fff;
background: transparent;
@@ -1142,7 +1142,7 @@ button {
min-width: 0;
padding: 6px 8px;
font-size: 14px;
border-radius: 6px;
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.15);
background: rgba(0, 0, 0, 0.18);
color: #fff;
@@ -1176,7 +1176,7 @@ button {
width: 240px;
min-width: 200px;
background: var(--body-bg);
border-radius: 6px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
padding: 6px 0;
margin: 4px 35px 0px 0px;
@@ -1198,7 +1198,7 @@ button {
align-items: center;
justify-content: center;
padding: 0;
border-radius: 4px;
border-radius: 8px;
}
.msger-peer-inputarea .msgPrivate {
@@ -1336,7 +1336,7 @@ button {
.msger-peer-inputarea * {
padding: 5px;
border: none;
border-radius: 3px;
border-radius: 8px;
font-size: 1rem;
margin: 1px;
color: #fff;
@@ -1391,7 +1391,7 @@ button {
z-index: 9999;
background: var(--body-bg);
border: var(--border);
border-radius: 5px;
border-radius: 8px;
--rgb-background: var(--body-bg) !important;
--color-border-over: var(--body-bg) !important;
--font-family: 'Montserrat';
@@ -1404,7 +1404,7 @@ button {
left: 10px;
background: var(--body-bg);
border: var(--border);
border-radius: 5px;
border-radius: 8px;
--rgb-background: var(--body-bg) !important;
--color-border-over: var(--body-bg) !important;
--font-family: 'Montserrat';
@@ -1542,7 +1542,7 @@ button {
color: white;
background: var(--body-bg);
border: var(--border);
border-radius: 5px;
border-radius: 8px;
}
/*--------------------------------------------------------------
@@ -1690,7 +1690,7 @@ button {
background: var(--select-bg) !important;
color: #fff;
border: var(--border);
border-radius: 5px;
border-radius: 8px;
box-shadow: none;
cursor: pointer;
}
@@ -1699,7 +1699,7 @@ button {
font-size: 1.2rem;
color: #fff;
border: none;
border-radius: 5px;
border-radius: 8px;
float: right;
background: transparent;
transition: background 0.23s;
@@ -1735,7 +1735,7 @@ button {
margin-bottom: 20px;
width: 130px;
border: var(--border);
border-radius: 5px;
border-radius: 8px;
background: var(--select-bg);
color: white;
cursor: pointer;
@@ -1767,7 +1767,7 @@ button {
.extra-info-container {
margin-top: 15px;
border-radius: 5px;
border-radius: 8px;
background: var(--body-bg);
overflow-x: none;
overflow-y: auto;
@@ -1789,7 +1789,7 @@ button {
width: 50%;
padding: 10px;
border: var(--border);
border-radius: 5px;
border-radius: 8px;
color: #fff;
background-color: rgba(0, 0, 0, 0.2);
}
@@ -1811,7 +1811,7 @@ button {
padding: 10px;
font-size: 0.9rem;
border: var(--border);
border-radius: 5px;
border-radius: 8px;
color: #fff;
background-color: transparent;
}
@@ -1828,7 +1828,7 @@ button {
padding: 10px;
font-size: 0.9rem;
border: var(--border);
border-radius: 5px;
border-radius: 8px;
color: #fff;
background-color: transparent;
}
@@ -1913,7 +1913,7 @@ button {
#mySettingsTable i {
border: none;
border-radius: 5px;
border-radius: 8px;
}
#mySettingsTable select {
@@ -1957,7 +1957,7 @@ button {
.tab {
padding: 10px;
overflow: hidden;
border-radius: 5px;
border-radius: 8px;
width: 35%;
background-color: var(--body-bg);
min-height: 480px;
@@ -1997,7 +1997,7 @@ button {
color: #fff;
font-size: 1rem;
border: var(--border);
border-radius: 5px;
border-radius: 8px;
background-color: rgba(0, 0, 0, 0.2);
outline: none;
cursor: pointer;
@@ -2062,7 +2062,7 @@ button {
height: 5px;
margin: 0 2px;
background-color: #ddd;
border-radius: 5px;
border-radius: 8px;
transition: all 0.3s ease;
}
@@ -2140,9 +2140,14 @@ input:checked + .slider:before {
.swal2-popup {
border: var(--border) !important;
border-radius: 20px !important;
/* box-shadow: var(--box-shadow) !important; */
}
.swal2-popup .swal2-styled {
border-radius: 12px !important;
}
.swal2-popup .swal2-styled:focus {
box-shadow: none !important;
}
@@ -2158,12 +2163,14 @@ input:checked + .slider:before {
.swal2-input {
border: var(--border) !important;
border-radius: 12px !important;
box-shadow: none !important;
}
.swal2-file {
color: white !important;
background-color: transparent !important;
border-radius: 12px !important;
}
.swal2-html-container {
@@ -2174,11 +2181,13 @@ input:checked + .slider:before {
.swal2-select {
background-color: var(--select-bg) !important;
color: white !important;
border-radius: 6px !important;
border-radius: 12px !important;
}
.swal2-timer-progress-bar-container {
background: var(--body-bg);
border-radius: 0 0 20px 20px !important;
overflow: hidden !important;
}
.swal2-timer-progress-bar {
@@ -2299,7 +2308,7 @@ input:checked + .slider:before {
z-index: 17;
display: none;
min-width: 320px;
border-radius: 5px;
border-radius: 12px;
margin: auto;
padding: 10px;
color: #fff;
@@ -2315,7 +2324,7 @@ input:checked + .slider:before {
margin-top: 10px;
padding: 5px;
border: var(--border);
border-radius: 5px;
border-radius: 8px;
font-size: 1rem;
color: #fff;
background-color: transparent;
@@ -2366,7 +2375,7 @@ progress {
height: var(--iframe-height);
border: var(--border);
box-shadow: var(--box-shadow);
border-radius: 5px;
border-radius: 12px;
}
#videoAudioUrlHeader,
@@ -2378,7 +2387,7 @@ progress {
top: 0px;
width: 100%;
cursor: move;
border-radius: 5px;
border-radius: 12px;
}
#videoAudioUrlHeader button,
@@ -2403,13 +2412,13 @@ progress {
#videoUrlIframe {
width: var(--iframe-width);
height: var(--iframe-height);
border-radius: 5px;
border-radius: 12px;
}
#videoAudioUrlElement {
width: var(--iframe-width);
height: var(--iframe-height) - 20px;
border-radius: 5px;
border-radius: 12px;
}
/*--------------------------------------------------------------
@@ -2441,7 +2450,7 @@ progress {
width: 170px;
height: 40px;
font-size: 1.2rem;
border-radius: 6px;
border-radius: 8px;
color: #ffffff;
background: linear-gradient(65deg, #376df9 0, #ff5fa0 100%);
transition: background 0.23s;
@@ -2496,7 +2505,7 @@ progress {
color: #ffffff;
font-size: small;
max-width: 135px;
border-radius: 5px;
border-radius: 8px;
}
/*--------------------------------------------------------------
@@ -2648,7 +2657,7 @@ hr {
/* padding: 10px 20px; */
color: #fff;
border: none;
border-radius: 5px;
border-radius: 8px;
background-color: var(--body-bg);
cursor: pointer;
}
@@ -2692,7 +2701,7 @@ hr {
right: 0;
padding: 10px 0;
min-width: 240px;
border-radius: 5px;
border-radius: 12px;
border: none;
background: var(--body-bg);
z-index: 9999;
@@ -2735,7 +2744,7 @@ hr {
margin: 5px;
color: #fff;
border: var(--border);
border-radius: 5px;
border-radius: 8px;
background: var(--body-bg);
cursor: pointer;
}
@@ -2756,7 +2765,7 @@ hr {
::-webkit-scrollbar-thumb {
background: var(--body-bg);
border-radius: 5px;
border-radius: 8px;
cursor: pointer;
}
public/css/landing.css
+11 -11
View File
@@ -51,11 +51,11 @@ body {
}
#joinRoomForm #randomRoomButton {
flex: 0 0 auto;
border-radius: 5px;
border-radius: 8px;
}
#joinRoomForm #joinSelectRoomButton {
flex: 1 1 auto;
border-radius: 5px;
border-radius: 8px;
}
article,
@@ -406,7 +406,7 @@ dd {
}
img {
border-radius: 2px;
border-radius: 8px;
}
img,
@@ -884,7 +884,7 @@ strong {
border-width: 1px;
border-style: solid;
border-color: rgba(0, 0, 0, 0);
border-radius: 2px;
border-radius: 8px;
cursor: pointer;
justify-content: center;
text-align: center;
@@ -981,7 +981,7 @@ strong {
inset 0 1px 0 rgba(255, 255, 255, 0.05);
border: none;
color: rgba(255, 255, 255, 0.88) !important;
border-radius: 6px;
border-radius: 8px;
transition:
background 0.2s ease,
border-color 0.2s ease,
@@ -1161,7 +1161,7 @@ fieldset {
letter-spacing: -0.1px;
padding: 11px 15px;
height: 48px;
border-radius: 6px !important;
border-radius: 8px !important;
color: #16171b;
box-shadow: none;
max-width: 100%;
@@ -1299,7 +1299,7 @@ textarea.form-input {
}
.form-checkbox input {
border-radius: 2px;
border-radius: 4px;
}
.form-checkbox input:checked {
@@ -3180,7 +3180,7 @@ ul.pricing-item-features-list li.is-checked::after {
.cta .form-input {
border-color: transparent;
border-radius: 2px;
border-radius: 8px;
}
.cta-inner {
@@ -3320,7 +3320,7 @@ ul.pricing-item-features-list li.is-checked::after {
}
img.has-shadow {
border-radius: 2px;
border-radius: 8px;
}
.has-top-divider {
@@ -3891,7 +3891,7 @@ img.has-shadow {
/* Target the scrollbar thumb (the draggable part) */
::-webkit-scrollbar-thumb {
background: #4678f9;
border-radius: 5px; /* rounded corners for the thumb */
border-radius: 8px; /* rounded corners for the thumb */
cursor: pointer;
}
@@ -3939,7 +3939,7 @@ img.has-shadow {
text-decoration: none;
line-height: 16px;
padding: 8px 8px;
border-radius: 5px;
border-radius: 8px;
margin: 4px;
}
public/js/brand.js
+1 -1
View File
@@ -107,7 +107,7 @@ let brand = {
},
about: {
imageUrl: '../images/mirotalk-logo.gif',
title: 'WebRTC P2P v1.7.63',
title: 'WebRTC P2P v1.7.64',
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.7.63
* @version 1.7.64
*
*/
@@ -13763,7 +13763,7 @@ function showAbout() {
Swal.fire({
background: swBg,
position: 'center',
title: brand.about?.title && brand.about.title.trim() !== '' ? brand.about.title : 'WebRTC P2P v1.7.63',
title: brand.about?.title && brand.about.title.trim() !== '' ? brand.about.title : 'WebRTC P2P v1.7.64',
imageUrl: brand.about?.imageUrl && brand.about.imageUrl.trim() !== '' ? brand.about.imageUrl : images.about,
customClass: { image: 'img-about' },
html: `