leon-ai/leon
1
1
Fork 0
mirror of https://github.com/leon-ai/leon.git synced 2024-09-17 13:07:08 +03:00
Code Issues Projects Releases Wiki Activity

feat(web app): add headset tips for a better voice experience

Browse Source
This commit is contained in:
louistiti 2024-07-01 22:52:16 +08:00
parent 1d96655b01
commit b092947e2e
2 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app/src/css/voice-energy/base.scss
View File

@ -33,12 +33,20 @@ body.voice-mode-enabled {
}
}
#voice-status {
font-size: 16px;
#voice-status,
#voice-tips {
color: var(--grey-color);
font-style: italic;
text-align: center;
}
#voice-status {
font-size: 17px;
font-style: italic;
}
#voice-tips {
margin-top: 32px;
line-height: 18px;
font-size: 15px;
}
#voice-overlay-bg {
visibility: hidden;
@ -84,7 +92,6 @@ body.voice-mode-enabled {
//opacity: 0;
overflow: hidden;
position: relative;
width: 400px;
height: 400px;
border-radius: 50%;
display: flex;

8
app/src/index.html
View File

@ -284,6 +284,14 @@
</svg>
</div>
<div id="voice-status"></div>
<div id="voice-tips">
It is recommended to use a headset for a better voice experience.
<br />
Otherwise, if your microphone is too sensitive or speakers are too
loud,
<br />
Leon may hear his own voice and get confused.
</div>
</div>
<p id="voice-speech"></p>
</div>