LLM/WhisperLiveKit
1
0
Fork 0
mirror of https://github.com/QuentinFuxa/WhisperLiveKit.git synced 2026-04-26 08:06:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

clean html

Browse Source
This commit is contained in:
Quentin Fuxa
2025-03-03 10:27:07 +01:00
parent a656ccae72
commit 597772c6c5
1 changed files with 11 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
web/live_transcription.html
View File

@@ -20,17 +20,14 @@
background-color: white;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.2s ease;
border: 1px solid rgb(252, 230, 229);
border-bottom: 5px solid rgb(252, 230, 229);
border: 1px solid rgb(233, 233, 233);
display: flex;
align-items: center;
justify-content: center;
}
#recordButton.recording {
background-color: rgba(255, 130, 123, 0.032);
border: 1px solid rgb(240, 198, 195);
border-bottom: 5px solid rgb(240, 198, 195);
border: 1px solid rgb(216, 182, 182);
color: white;
}
@@ -38,6 +35,7 @@
transform: scale(0.95);
}
/* Shape inside the button */
.shape-container {
width: 40px;
height: 40px;
@@ -123,8 +121,8 @@
}
#speaker {
background-color: rgb(252, 230, 229);
border-radius: 8px 8px 8px 0px;
border: 1px solid rgb(229, 229, 229);
border-radius: 100px;
padding: 2px 10px;
font-size: 14px;
margin-bottom: 0px;
@@ -136,8 +134,7 @@
margin-left: 10px;
font-size: 14px;
margin-bottom: 0px;
border-bottom: 3px solid rgb(155, 84, 84);
color: rgb(155, 84, 84)
color: rgb(134, 134, 134)
}
.label_transcription {
@@ -147,8 +144,7 @@
margin-left: 10px;
font-size: 14px;
margin-bottom: 0px;
border-bottom: 3px solid #8825255c;
color: #8825255c
color: #7474746f
}
#timeInfo {
@@ -160,7 +156,6 @@
font-size: 16px;
/* margin-left: 10px; */
padding-left: 10px;
border-left: 3px solid rgb(252, 230, 229);
margin-bottom: 10px;
margin-top: 1px;
padding-top: 5px;
@@ -168,12 +163,12 @@
}
.buffer_diarization {
color: rgb(155, 84, 84);
color: rgb(134, 134, 134);
margin-left: 4px;
}
.buffer_transcription {
color: #8825255c;
color: #7474746f;
margin-left: 4px;
}
@@ -182,8 +177,8 @@
display: inline-block;
width: 8px;
height: 8px;
border: 2px solid #8825255c;
border-top: 2px solid #882525e5;
border: 2px solid #8d8d8d5c;
border-top: 2px solid #6c6c6ce5;
border-radius: 50%;
animation: spin 0.6s linear infinite;
vertical-align: middle;