From 926ddfd5438ca06840bdff9b9bd21ddcd8863aa9 Mon Sep 17 00:00:00 2001 From: Heiner Lohaus Date: Mon, 8 Apr 2024 07:24:00 +0200 Subject: Add WhiteRabbitNeo Provider, Many tiny improvments in the gui --- g4f/gui/client/static/css/style.css | 57 +++++++++++++++++++++++++++++++------ 1 file changed, 49 insertions(+), 8 deletions(-) (limited to 'g4f/gui/client/static/css/style.css') diff --git a/g4f/gui/client/static/css/style.css b/g4f/gui/client/static/css/style.css index 4db65863..9e02a3ec 100644 --- a/g4f/gui/client/static/css/style.css +++ b/g4f/gui/client/static/css/style.css @@ -84,7 +84,7 @@ body { } body { - padding: var(--section-gap); + padding: 10px; background: var(--colour-1); color: var(--colour-3); height: 100vh; @@ -92,7 +92,7 @@ body { .row { display: flex; - gap: var(--section-gap); + gap: 10px; height: 100%; } @@ -111,7 +111,7 @@ body { } .conversations { - max-width: 260px; + max-width: 280px; padding: var(--section-gap); overflow: auto; flex-shrink: 0; @@ -183,8 +183,8 @@ body { .conversations { display: flex; flex-direction: column; - gap: var(--inner-gap); - padding: var(--inner-gap); + gap: 10px; + padding: 10px; } .conversations .title { @@ -207,7 +207,12 @@ body { cursor: pointer; display: flex; align-items: center; - gap: 10px; + gap: 4px; +} + +.conversations .convo .fa-trash { + position: absolute; + right: 8px; } .conversations .convo .choise { @@ -216,7 +221,7 @@ body { background-color: var(--blur-bg); } -.conversations i { +.conversations i, .bottom_buttons i { color: var(--conversations); cursor: pointer; } @@ -229,6 +234,10 @@ body { white-space: nowrap; } +.convo-title .datetime { + font-size: 10px; +} + .message { width: 100%; overflow-wrap: break-word; @@ -351,10 +360,23 @@ body { cursor: pointer; } +.message .count .fa-clipboard { + z-index: 1000; + cursor: pointer; +} + .message .user .fa-xmark { color: var(--colour-1); } +.message .count .fa-clipboard { + color: var(--colour-3); +} + +.message .count .fa-clipboard.clicked { + color: var(--accent); +} + .message .assistant:hover .fa-xmark, .message .user:hover .fa-xmark { display: block; @@ -556,6 +578,16 @@ label[for="camera"] { background: var(--accent); } +.settings .bottom_buttons { + flex-direction: row; +} + +.settings .bottom_buttons button { + display: inline-block; + max-width: 210px; + width: 100%; +} + .buttons input:checked+label:after { left: calc(100% - 5px - 20px); } @@ -565,6 +597,7 @@ label[for="camera"] { align-items: center; justify-content: left; width: 100%; + margin-bottom: 2px; } .field { @@ -635,6 +668,7 @@ select { display: flex; flex-direction: column; gap: 10px; + margin: 4px; } .bottom_buttons button { @@ -1026,7 +1060,14 @@ a:-webkit-any-link { .settings { width: 100%; - display: none; + min-width: 700px; + display: flex; + flex-direction: column; +} + +.settings .paper { + overflow: auto; + flex-direction: column; } .settings .field { -- cgit v1.2.3 From 24345bc07bf77bdfa4bb799de62233ffdb1c5d73 Mon Sep 17 00:00:00 2001 From: Heiner Lohaus Date: Mon, 8 Apr 2024 23:27:54 +0200 Subject: Add DuckDuckGo Provider, Add SpeechRecognition to gui --- g4f/gui/client/static/css/style.css | 44 ++++++++++++++++++++++++++----------- 1 file changed, 31 insertions(+), 13 deletions(-) (limited to 'g4f/gui/client/static/css/style.css') diff --git a/g4f/gui/client/static/css/style.css b/g4f/gui/client/static/css/style.css index 9e02a3ec..ebfe2f2d 100644 --- a/g4f/gui/client/static/css/style.css +++ b/g4f/gui/client/static/css/style.css @@ -88,6 +88,8 @@ body { background: var(--colour-1); color: var(--colour-3); height: 100vh; + max-width: 1600px; + margin: auto; } .row { @@ -106,10 +108,6 @@ body { border: 1px solid var(--blur-border); } -.hidden { - display: none; -} - .conversations { max-width: 280px; padding: var(--section-gap); @@ -138,8 +136,7 @@ body { } .conversation .user-input { - max-height: 200px; - margin-bottom: 10px; + margin-bottom: 4px; } .conversation .user-input input { @@ -504,7 +501,8 @@ body { display: none; } -.file-label { +.file-label, +.micro-label { cursor: pointer; position: absolute; top: 10px; @@ -512,7 +510,8 @@ body { } .file-label:has(> input:valid), -.file-label.selected { +.file-label.selected, +.micro-label.recognition { color: var(--accent); } @@ -520,11 +519,12 @@ label[for="image"] { top: 32px; } -label[for="camera"] { +label[for="micro"] { top: 54px; } label[for="camera"] { + top: 74px; display: none; } @@ -597,7 +597,7 @@ label[for="camera"] { align-items: center; justify-content: left; width: 100%; - margin-bottom: 2px; + margin-bottom: 4px; } .field { @@ -668,7 +668,7 @@ select { display: flex; flex-direction: column; gap: 10px; - margin: 4px; + margin: 4px 0; } .bottom_buttons button { @@ -841,7 +841,7 @@ a:-webkit-any-link { color: var(--colour-3); resize: vertical; - max-height: 150px; + max-height: 200px; min-height: 80px; } @@ -1080,6 +1080,19 @@ a:-webkit-any-link { padding: var(--inner-gap) 0; } +.settings input { + background-color: transparent; + padding: 2px; + border: none; + font-size: 15px; + width: 100%; + color: var(--colour-3); +} + +.settings input:focus { + outline: none; +} + .settings .label { font-size: 15px; padding: var(--inner-gap) 0; @@ -1100,7 +1113,7 @@ a:-webkit-any-link { border-radius: 5px; } ::-webkit-scrollbar-thumb:hover { - background: var(--accent) + background: var(--accent); } .hljs { @@ -1114,8 +1127,13 @@ a:-webkit-any-link { #message-input { height: 82px; margin-left: 20px; + max-height: 200px; } #message-input::-webkit-scrollbar { width: 5px; +} + +.hidden { + display: none; } \ No newline at end of file -- cgit v1.2.3 From d4a92bb8df56009a7e5520dca0a3ed8f79e92d06 Mon Sep 17 00:00:00 2001 From: Heiner Lohaus Date: Tue, 9 Apr 2024 05:54:47 +0200 Subject: Add text to speech module --- g4f/gui/client/static/css/style.css | 22 +++++++++++++++++++++- 1 file changed, 21 insertions(+), 1 deletion(-) (limited to 'g4f/gui/client/static/css/style.css') diff --git a/g4f/gui/client/static/css/style.css b/g4f/gui/client/static/css/style.css index ebfe2f2d..faecda9f 100644 --- a/g4f/gui/client/static/css/style.css +++ b/g4f/gui/client/static/css/style.css @@ -315,6 +315,7 @@ body { display: flex; flex-direction: column; gap: 10px; + flex-wrap: wrap; } .message .content, @@ -332,6 +333,10 @@ body { max-width: 400px; } +.message .content .audio{ + display: flex; +} + .message .user i { position: absolute; bottom: -6px; @@ -357,7 +362,8 @@ body { cursor: pointer; } -.message .count .fa-clipboard { +.message .count .fa-clipboard, +.message .count .fa-volume-high { z-index: 1000; cursor: pointer; } @@ -374,6 +380,10 @@ body { color: var(--accent); } +.message .count .fa-volume-high.active { + color: var(--accent); +} + .message .assistant:hover .fa-xmark, .message .user:hover .fa-xmark { display: block; @@ -1136,4 +1146,14 @@ a:-webkit-any-link { .hidden { display: none; +} + +.blink { + animation: blinker 1s step-start infinite; +} + +@keyframes blinker { + 50% { + opacity: 0; + } } \ No newline at end of file -- cgit v1.2.3