From d4a92bb8df56009a7e5520dca0a3ed8f79e92d06 Mon Sep 17 00:00:00 2001
From: Heiner Lohaus <hlohaus@users.noreply.github.com>
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