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

[mirotalk] - fix css

Browse Source
This commit is contained in:
Miroslav Pejic
2022-01-13 22:17:48 +01:00
parent bc3a9962bb
commit 3f3716c7c3
3 changed files with 18 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/client.css
+12
View File
@@ -573,6 +573,12 @@ button {
color: #fff;
}
.left-msg .msg-caption-bubble {
background: var(--left-msg-bg);
border-bottom-left-radius: 0;
color: #fff;
}
/* right side */
.right-msg {
@@ -611,6 +617,12 @@ button {
border-radius: 15px;
}
.msg-caption-bubble {
max-width: 250px;
padding: 15px;
border-radius: 15px;
}
.msg-info {
display: flex;
justify-content: space-between;
public/js/client.js
+5 -5
View File
@@ -1184,7 +1184,7 @@ function setTheme(theme) {
'--msger-private-bg',
'linear-gradient(to left, #383838, #000000)',
);
document.documentElement.style.setProperty('--left-msg-bg', '#da05f3');
document.documentElement.style.setProperty('--left-msg-bg', '#9400a5');
document.documentElement.style.setProperty('--private-msg-bg', '#f77070');
document.documentElement.style.setProperty('--right-msg-bg', '#579ffb');
document.documentElement.style.setProperty('--wb-bg', 'linear-gradient(to left, #1f1e1e, #000000)');
@@ -1194,7 +1194,7 @@ function setTheme(theme) {
document.documentElement.style.setProperty('--btns-left', '20px');
document.documentElement.style.setProperty('--btn-opc', '1');
document.documentElement.style.setProperty('--my-settings-label-color', 'white');
document.documentElement.style.setProperty('--box-shadow', '3px 3px 6px #0500ff, -3px -3px 6px #da05f3');
document.documentElement.style.setProperty('--box-shadow', '3px 3px 6px #0500ff, -3px -3px 6px #9400a5');
break;
case 'dark':
// dark theme
@@ -3484,11 +3484,11 @@ function handleSpeechTranscript(config) {
const msgHTML = `
<div class="msg left-msg">
<div class="msg-img" style="background-image: url('${avatar_image}')"></div>
<div>
<div class="msg-caption-bubble">
<div class="msg-info">
<div class="msg-info-name" style="color:white;">${name} : ${time_stamp}</div>
<div class="msg-info-name">${name} : ${time_stamp}</div>
</div>
<div class="msg-text" style="color:white;">${transcipt}</div>
<div class="msg-text">${transcipt}</div>
</div>
</div>
`;
public/view/client.html
+1 -1
View File
@@ -185,7 +185,7 @@ access to use this app.
<main id="captionChat" class="msger-chat"></main>
<div class="msger-inputarea">
<label>Speech recognition</label>
<label><i class="fas fa-microphone-alt"></i>Speech recognition</label>
<button type="button" id="speechRecognitionStart" class="fas fa-play">&nbsp;Start</button>
<button type="button" id="speechRecognitionStop" class="fas fa-stop">&nbsp;Stop</button>
</div>