Improve styling mobile

This commit is contained in:
Heiner Lohaus 2024-04-09 20:19:46 +02:00
parent 90715e702b
commit aff3ec5be0
3 changed files with 14 additions and 5 deletions

View File

@ -189,7 +189,7 @@ image_url = response.data[0].url
**Full Documentation for Python API** **Full Documentation for Python API**
- New AsyncClient API from G4F: [/docs/async_client](/docs/async_client.md) - New AsyncClient API from G4F: [/docs/async_client](/docs/async_client.md)
- Client API like the OpenAI Python library: [/docs/client](/docs/async_client.md) - Client API like the OpenAI Python library: [/docs/client](/docs/client.md)
- Legacy API with python modules: [/docs/legacy](/docs/legacy.md) - Legacy API with python modules: [/docs/legacy](/docs/legacy.md)
#### Web UI #### Web UI

View File

@ -239,6 +239,7 @@ body {
width: 100%; width: 100%;
overflow-wrap: break-word; overflow-wrap: break-word;
display: flex; display: flex;
flex-direction: column;
gap: var(--section-gap); gap: var(--section-gap);
padding: var(--inner-gap) var(--section-gap); padding: var(--inner-gap) var(--section-gap);
padding-bottom: 0; padding-bottom: 0;
@ -589,7 +590,7 @@ label[for="camera"] {
} }
.settings .bottom_buttons { .settings .bottom_buttons {
flex-direction: row; flex-direction: column;
} }
.settings .bottom_buttons button { .settings .bottom_buttons button {
@ -652,6 +653,12 @@ select {
.field { .field {
padding-right: 15px padding-right: 15px
} }
.message {
flex-direction: row;
}
.settings .bottom_buttons {
flex-direction: row;
}
} }
.input-box { .input-box {
@ -1070,7 +1077,6 @@ a:-webkit-any-link {
.settings { .settings {
width: 100%; width: 100%;
min-width: 700px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@ -1078,6 +1084,7 @@ a:-webkit-any-link {
.settings .paper { .settings .paper {
overflow: auto; overflow: auto;
flex-direction: column; flex-direction: column;
min-width: 400px;
} }
.settings .field { .settings .field {
@ -1135,7 +1142,7 @@ a:-webkit-any-link {
} }
#message-input { #message-input {
height: 82px; height: 90px;
margin-left: 20px; margin-left: 20px;
max-height: 200px; max-height: 200px;
} }

View File

@ -96,10 +96,12 @@ const register_message_buttons = async () => {
el.dataset.click = "true"; el.dataset.click = "true";
el.addEventListener("click", async () => { el.addEventListener("click", async () => {
if ("active" in el.classList || window.doSpeech) { if ("active" in el.classList || window.doSpeech) {
el.classList.add("blink")
stopped = true; stopped = true;
return; return;
} }
if (stopped) { if (stopped) {
el.classList.remove("blink")
stopped = false; stopped = false;
return; return;
} }
@ -125,7 +127,7 @@ const register_message_buttons = async () => {
sound.controls = 'controls'; sound.controls = 'controls';
sound.src = url; sound.src = url;
sound.type = 'audio/wav'; sound.type = 'audio/wav';
if (ended) { if (ended && !stopped) {
sound.autoplay = true; sound.autoplay = true;
} }
sound.onended = function() { sound.onended = function() {