admin-valentin/WhisperLiveKit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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