[mirotalksfu] - fix typo

هذا الالتزام موجود في:
Miroslav Pejic
2024-07-12 19:05:52 +02:00
الأصل 82b90e3612
التزام 5e9bf8841c
4 ملفات معدلة مع 19 إضافات و46 حذوفات

عرض الملف

@@ -720,7 +720,7 @@ th {
width: var(--transcription-width); width: var(--transcription-width);
min-height: var(--transcription-height); min-height: var(--transcription-height);
min-width: var(--transcription-width); min-width: var(--transcription-width);
background: var(--transcription-bg); background: var(--trx-bg);
border: var(--border); border: var(--border);
border-radius: 10px; border-radius: 10px;
box-shadow: var(--box-shadow); box-shadow: var(--box-shadow);
@@ -734,7 +734,7 @@ th {
display: flex; display: flex;
flex-flow: column wrap; flex-flow: column wrap;
justify-content: space-between; justify-content: space-between;
background: var(--transcription-bg); background: var(--trx-bg);
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
@@ -768,7 +768,7 @@ th {
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
padding: 10px; padding: 10px;
background: var(--transcription-bg); background: var(--trx-bg);
max-width: 100%; max-width: 100%;
} }

عرض الملف

@@ -38,7 +38,7 @@
--transcription-height: 680px; --transcription-height: 680px;
--transcription-width: 420px; --transcription-width: 420px;
--transcription-bg: radial-gradient(#393939, #000000); --trx-bg: radial-gradient(#393939, #000000);
--vmi-wh: 15vw; --vmi-wh: 15vw;
/* https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit */ /* https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit */

عرض الملف

@@ -3929,7 +3929,7 @@ function setCustomTheme() {
const color = themeCustom.color; const color = themeCustom.color;
swalBackground = `radial-gradient(${color}, ${color})`; swalBackground = `radial-gradient(${color}, ${color})`;
document.documentElement.style.setProperty('--body-bg', `radial-gradient(${color}, ${color})`); document.documentElement.style.setProperty('--body-bg', `radial-gradient(${color}, ${color})`);
document.documentElement.style.setProperty('--transcription-bg', `radial-gradient(${color}, ${color})`); document.documentElement.style.setProperty('--trx-bg', `radial-gradient(${color}, ${color})`);
document.documentElement.style.setProperty('--msger-bg', `radial-gradient(${color}, ${color})`); document.documentElement.style.setProperty('--msger-bg', `radial-gradient(${color}, ${color})`);
document.documentElement.style.setProperty('--left-msg-bg', `${color}`); document.documentElement.style.setProperty('--left-msg-bg', `${color}`);
document.documentElement.style.setProperty('--right-msg-bg', `${color}`); document.documentElement.style.setProperty('--right-msg-bg', `${color}`);
@@ -3950,10 +3950,7 @@ function setTheme() {
case 'dark': case 'dark':
swalBackground = 'linear-gradient(135deg, #000000, #434343)'; swalBackground = 'linear-gradient(135deg, #000000, #434343)';
document.documentElement.style.setProperty('--body-bg', 'linear-gradient(135deg, #000000, #434343)'); document.documentElement.style.setProperty('--body-bg', 'linear-gradient(135deg, #000000, #434343)');
document.documentElement.style.setProperty( document.documentElement.style.setProperty('--trx-bg', 'linear-gradient(135deg, #000000, #434343)');
'--transcription-bg',
'linear-gradient(135deg, #000000, #434343)',
);
document.documentElement.style.setProperty('--msger-bg', 'linear-gradient(135deg, #000000, #434343)'); document.documentElement.style.setProperty('--msger-bg', 'linear-gradient(135deg, #000000, #434343)');
document.documentElement.style.setProperty('--left-msg-bg', '#1a1a1a'); document.documentElement.style.setProperty('--left-msg-bg', '#1a1a1a');
document.documentElement.style.setProperty('--right-msg-bg', '#2e2e2e'); document.documentElement.style.setProperty('--right-msg-bg', '#2e2e2e');
@@ -3968,10 +3965,7 @@ function setTheme() {
case 'grey': case 'grey':
swalBackground = 'linear-gradient(135deg, #1a1a1a, #4f4f4f)'; swalBackground = 'linear-gradient(135deg, #1a1a1a, #4f4f4f)';
document.documentElement.style.setProperty('--body-bg', 'linear-gradient(135deg, #1a1a1a, #4f4f4f)'); document.documentElement.style.setProperty('--body-bg', 'linear-gradient(135deg, #1a1a1a, #4f4f4f)');
document.documentElement.style.setProperty( document.documentElement.style.setProperty('--trx-bg', 'linear-gradient(135deg, #1a1a1a, #4f4f4f)');
'--transcription-bg',
'linear-gradient(135deg, #1a1a1a, #4f4f4f)',
);
document.documentElement.style.setProperty('--msger-bg', 'linear-gradient(135deg, #1a1a1a, #4f4f4f)'); document.documentElement.style.setProperty('--msger-bg', 'linear-gradient(135deg, #1a1a1a, #4f4f4f)');
document.documentElement.style.setProperty('--left-msg-bg', '#2c2c2c'); document.documentElement.style.setProperty('--left-msg-bg', '#2c2c2c');
document.documentElement.style.setProperty('--right-msg-bg', '#3f3f3f'); document.documentElement.style.setProperty('--right-msg-bg', '#3f3f3f');
@@ -3986,10 +3980,7 @@ function setTheme() {
case 'green': case 'green':
swalBackground = 'linear-gradient(135deg, #002a22, #004d40)'; swalBackground = 'linear-gradient(135deg, #002a22, #004d40)';
document.documentElement.style.setProperty('--body-bg', 'linear-gradient(135deg, #002a22, #004d40)'); document.documentElement.style.setProperty('--body-bg', 'linear-gradient(135deg, #002a22, #004d40)');
document.documentElement.style.setProperty( document.documentElement.style.setProperty('--trx-bg', 'linear-gradient(135deg, #002a22, #004d40)');
'--transcription-bg',
'linear-gradient(135deg, #002a22, #004d40)',
);
document.documentElement.style.setProperty('--msger-bg', 'linear-gradient(135deg, #002a22, #004d40)'); document.documentElement.style.setProperty('--msger-bg', 'linear-gradient(135deg, #002a22, #004d40)');
document.documentElement.style.setProperty('--left-msg-bg', '#001d1a'); document.documentElement.style.setProperty('--left-msg-bg', '#001d1a');
document.documentElement.style.setProperty('--right-msg-bg', '#003d2e'); document.documentElement.style.setProperty('--right-msg-bg', '#003d2e');
@@ -4004,10 +3995,7 @@ function setTheme() {
case 'blue': case 'blue':
swalBackground = 'linear-gradient(135deg, #00274d, #004d80)'; swalBackground = 'linear-gradient(135deg, #00274d, #004d80)';
document.documentElement.style.setProperty('--body-bg', 'linear-gradient(135deg, #00274d, #004d80)'); document.documentElement.style.setProperty('--body-bg', 'linear-gradient(135deg, #00274d, #004d80)');
document.documentElement.style.setProperty( document.documentElement.style.setProperty('--trx-bg', 'linear-gradient(135deg, #00274d, #004d80)');
'--transcription-bg',
'linear-gradient(135deg, #00274d, #004d80)',
);
document.documentElement.style.setProperty('--msger-bg', 'linear-gradient(135deg, #00274d, #004d80)'); document.documentElement.style.setProperty('--msger-bg', 'linear-gradient(135deg, #00274d, #004d80)');
document.documentElement.style.setProperty('--left-msg-bg', '#001f3f'); document.documentElement.style.setProperty('--left-msg-bg', '#001f3f');
document.documentElement.style.setProperty('--right-msg-bg', '#003366'); document.documentElement.style.setProperty('--right-msg-bg', '#003366');
@@ -4022,10 +4010,7 @@ function setTheme() {
case 'red': case 'red':
swalBackground = 'linear-gradient(135deg, #2a0d0d, #4d1a1a)'; swalBackground = 'linear-gradient(135deg, #2a0d0d, #4d1a1a)';
document.documentElement.style.setProperty('--body-bg', 'linear-gradient(135deg, #2a0d0d, #4d1a1a)'); document.documentElement.style.setProperty('--body-bg', 'linear-gradient(135deg, #2a0d0d, #4d1a1a)');
document.documentElement.style.setProperty( document.documentElement.style.setProperty('--trx-bg', 'linear-gradient(135deg, #2a0d0d, #4d1a1a)');
'--transcription-bg',
'linear-gradient(135deg, #2a0d0d, #4d1a1a)',
);
document.documentElement.style.setProperty('--msger-bg', 'linear-gradient(135deg, #2a0d0d, #4d1a1a)'); document.documentElement.style.setProperty('--msger-bg', 'linear-gradient(135deg, #2a0d0d, #4d1a1a)');
document.documentElement.style.setProperty('--left-msg-bg', '#2b0f0f'); document.documentElement.style.setProperty('--left-msg-bg', '#2b0f0f');
document.documentElement.style.setProperty('--right-msg-bg', '#4d1a1a'); document.documentElement.style.setProperty('--right-msg-bg', '#4d1a1a');
@@ -4040,10 +4025,7 @@ function setTheme() {
case 'purple': case 'purple':
swalBackground = 'linear-gradient(135deg, #2a001d, #4d004a)'; swalBackground = 'linear-gradient(135deg, #2a001d, #4d004a)';
document.documentElement.style.setProperty('--body-bg', 'linear-gradient(135deg, #2a001d, #4d004a)'); document.documentElement.style.setProperty('--body-bg', 'linear-gradient(135deg, #2a001d, #4d004a)');
document.documentElement.style.setProperty( document.documentElement.style.setProperty('--trx-bg', 'linear-gradient(135deg, #2a001d, #4d004a)');
'--transcription-bg',
'linear-gradient(135deg, #2a001d, #4d004a)',
);
document.documentElement.style.setProperty('--msger-bg', 'linear-gradient(135deg, #2a001d, #4d004a)'); document.documentElement.style.setProperty('--msger-bg', 'linear-gradient(135deg, #2a001d, #4d004a)');
document.documentElement.style.setProperty('--left-msg-bg', '#1b0014'); document.documentElement.style.setProperty('--left-msg-bg', '#1b0014');
document.documentElement.style.setProperty('--right-msg-bg', '#3e002a'); document.documentElement.style.setProperty('--right-msg-bg', '#3e002a');
@@ -4056,12 +4038,9 @@ function setTheme() {
selectTheme.selectedIndex = 5; selectTheme.selectedIndex = 5;
break; break;
case 'orange': case 'orange':
swalBackground = 'linear-gradient(135deg, #3d1a00, #ff8c00)'; // Darker gradient swalBackground = 'linear-gradient(135deg, #3d1a00, #ff8c00)';
document.documentElement.style.setProperty('--body-bg', 'linear-gradient(135deg, #3d1a00, #ff8c00)'); document.documentElement.style.setProperty('--body-bg', 'linear-gradient(135deg, #3d1a00, #ff8c00)');
document.documentElement.style.setProperty( document.documentElement.style.setProperty('--trx-bg', 'linear-gradient(135deg, #3d1a00, #ff8c00)');
'--transcription-bg',
'linear-gradient(135deg, #3d1a00, #ff8c00)',
);
document.documentElement.style.setProperty('--msger-bg', 'linear-gradient(135deg, #3d1a00, #ff8c00)'); document.documentElement.style.setProperty('--msger-bg', 'linear-gradient(135deg, #3d1a00, #ff8c00)');
document.documentElement.style.setProperty('--left-msg-bg', '#2c0f00'); document.documentElement.style.setProperty('--left-msg-bg', '#2c0f00');
document.documentElement.style.setProperty('--right-msg-bg', '#ff8c00'); document.documentElement.style.setProperty('--right-msg-bg', '#ff8c00');
@@ -4069,17 +4048,14 @@ function setTheme() {
document.documentElement.style.setProperty('--tab-btn-active', '#ff8c00'); document.documentElement.style.setProperty('--tab-btn-active', '#ff8c00');
document.documentElement.style.setProperty('--settings-bg', 'linear-gradient(135deg, #3d1a00, #ff8c00)'); document.documentElement.style.setProperty('--settings-bg', 'linear-gradient(135deg, #3d1a00, #ff8c00)');
document.documentElement.style.setProperty('--wb-bg', 'linear-gradient(135deg, #3d1a00, #ff8c00)'); document.documentElement.style.setProperty('--wb-bg', 'linear-gradient(135deg, #3d1a00, #ff8c00)');
document.documentElement.style.setProperty('--btns-bg-color', 'rgba(61, 26, 0, 0.7)'); // Darker button color document.documentElement.style.setProperty('--btns-bg-color', 'rgba(61, 26, 0, 0.7)');
document.body.style.background = 'linear-gradient(135deg, #3d1a00, #ff8c00)'; document.body.style.background = 'linear-gradient(135deg, #3d1a00, #ff8c00)';
selectTheme.selectedIndex = 6; selectTheme.selectedIndex = 6;
break; break;
case 'pink': case 'pink':
swalBackground = 'linear-gradient(135deg, #4d001d, #ff66b2)'; swalBackground = 'linear-gradient(135deg, #4d001d, #ff66b2)';
document.documentElement.style.setProperty('--body-bg', 'linear-gradient(135deg, #4d001d, #ff66b2)'); document.documentElement.style.setProperty('--body-bg', 'linear-gradient(135deg, #4d001d, #ff66b2)');
document.documentElement.style.setProperty( document.documentElement.style.setProperty('--trx-bg', 'linear-gradient(135deg, #4d001d, #ff66b2)');
'--transcription-bg',
'linear-gradient(135deg, #4d001d, #ff66b2)',
);
document.documentElement.style.setProperty('--msger-bg', 'linear-gradient(135deg, #4d001d, #ff66b2)'); document.documentElement.style.setProperty('--msger-bg', 'linear-gradient(135deg, #4d001d, #ff66b2)');
document.documentElement.style.setProperty('--left-msg-bg', '#3e0016'); document.documentElement.style.setProperty('--left-msg-bg', '#3e0016');
document.documentElement.style.setProperty('--right-msg-bg', '#ff66b2'); document.documentElement.style.setProperty('--right-msg-bg', '#ff66b2');
@@ -4092,12 +4068,9 @@ function setTheme() {
selectTheme.selectedIndex = 7; selectTheme.selectedIndex = 7;
break; break;
case 'yellow': case 'yellow':
swalBackground = 'linear-gradient(135deg, #4d3b00, #ffc107)'; // Darker gradient swalBackground = 'linear-gradient(135deg, #4d3b00, #ffc107)';
document.documentElement.style.setProperty('--body-bg', 'linear-gradient(135deg, #4d3b00, #ffc107)'); document.documentElement.style.setProperty('--body-bg', 'linear-gradient(135deg, #4d3b00, #ffc107)');
document.documentElement.style.setProperty( document.documentElement.style.setProperty('--trx-bg', 'linear-gradient(135deg, #4d3b00, #ffc107)');
'--transcription-bg',
'linear-gradient(135deg, #4d3b00, #ffc107)',
);
document.documentElement.style.setProperty('--msger-bg', 'linear-gradient(135deg, #4d3b00, #ffc107)'); document.documentElement.style.setProperty('--msger-bg', 'linear-gradient(135deg, #4d3b00, #ffc107)');
document.documentElement.style.setProperty('--left-msg-bg', '#3b2d00'); document.documentElement.style.setProperty('--left-msg-bg', '#3b2d00');
document.documentElement.style.setProperty('--right-msg-bg', '#ffc107'); document.documentElement.style.setProperty('--right-msg-bg', '#ffc107');
@@ -4105,7 +4078,7 @@ function setTheme() {
document.documentElement.style.setProperty('--tab-btn-active', '#ffc107'); document.documentElement.style.setProperty('--tab-btn-active', '#ffc107');
document.documentElement.style.setProperty('--settings-bg', 'linear-gradient(135deg, #4d3b00, #ffc107)'); document.documentElement.style.setProperty('--settings-bg', 'linear-gradient(135deg, #4d3b00, #ffc107)');
document.documentElement.style.setProperty('--wb-bg', 'linear-gradient(135deg, #4d3b00, #ffc107)'); document.documentElement.style.setProperty('--wb-bg', 'linear-gradient(135deg, #4d3b00, #ffc107)');
document.documentElement.style.setProperty('--btns-bg-color', 'rgba(77, 59, 0, 0.7)'); // Darker button color document.documentElement.style.setProperty('--btns-bg-color', 'rgba(77, 59, 0, 0.7)');
document.body.style.background = 'linear-gradient(135deg, #4d3b00, #ffc107)'; document.body.style.background = 'linear-gradient(135deg, #4d3b00, #ffc107)';
selectTheme.selectedIndex = 8; selectTheme.selectedIndex = 8;
break; break;

عرض الملف

@@ -250,7 +250,7 @@ class Transcription {
toggleBg() { toggleBg() {
this.isBgTransparent = !this.isBgTransparent; this.isBgTransparent = !this.isBgTransparent;
this.isBgTransparent this.isBgTransparent
? document.documentElement.style.setProperty('--transcription-bg', 'rgba(0, 0, 0, 0.100)') ? document.documentElement.style.setProperty('--trx-bg', 'rgba(0, 0, 0, 0.100)')
: setTheme(); : setTheme();
} }