summaryrefslogtreecommitdiffstats
path: root/g4f/gui/client/css/style.css
diff options
context:
space:
mode:
authorHeiner Lohaus <hlohaus@users.noreply.github.com>2024-02-29 14:44:51 +0100
committerHeiner Lohaus <hlohaus@users.noreply.github.com>2024-02-29 14:44:51 +0100
commit3b96c27e3c7483f63d758d056ec5f0cd2fde0f8b (patch)
treeafe2fd00ba7ef0abebce7d80f1d4d5568a3b7195 /g4f/gui/client/css/style.css
parentAdd websocket support in OpenaiChat (diff)
downloadgpt4free-3b96c27e3c7483f63d758d056ec5f0cd2fde0f8b.tar
gpt4free-3b96c27e3c7483f63d758d056ec5f0cd2fde0f8b.tar.gz
gpt4free-3b96c27e3c7483f63d758d056ec5f0cd2fde0f8b.tar.bz2
gpt4free-3b96c27e3c7483f63d758d056ec5f0cd2fde0f8b.tar.lz
gpt4free-3b96c27e3c7483f63d758d056ec5f0cd2fde0f8b.tar.xz
gpt4free-3b96c27e3c7483f63d758d056ec5f0cd2fde0f8b.tar.zst
gpt4free-3b96c27e3c7483f63d758d056ec5f0cd2fde0f8b.zip
Diffstat (limited to 'g4f/gui/client/css/style.css')
-rw-r--r--g4f/gui/client/css/style.css30
1 files changed, 24 insertions, 6 deletions
diff --git a/g4f/gui/client/css/style.css b/g4f/gui/client/css/style.css
index bed54f88..6ae720f3 100644
--- a/g4f/gui/client/css/style.css
+++ b/g4f/gui/client/css/style.css
@@ -119,7 +119,7 @@ body {
width: 100%;
display: flex;
flex-direction: column;
- gap: 15px;
+ gap: 5px;
}
.conversation #messages {
@@ -129,11 +129,12 @@ body {
flex-direction: column;
overflow: auto;
overflow-wrap: break-word;
- padding-bottom: 20px;
+ padding-bottom: 10px;
}
.conversation .user-input {
max-height: 200px;
+ margin-bottom: 10px;
}
.conversation .user-input input {
@@ -385,12 +386,29 @@ body {
font-size: 14px;
}
+.toolbar {
+ position: relative;
+}
+
+#input-count {
+ width: fit-content;
+ font-size: 12px;
+ padding: 6px 15px;
+}
+
.stop_generating, .regenerate {
position: absolute;
- bottom: 122px;
- left: 50%;
- transform: translateX(-50%);
z-index: 1000000;
+ top: 0;
+ right: 0;
+}
+
+@media only screen and (min-width: 40em) {
+ .stop_generating, .regenerate {
+ left: 50%;
+ transform: translateX(-50%);
+ right: auto;
+ }
}
.stop_generating button, .regenerate button{
@@ -399,7 +417,7 @@ body {
background-color: var(--blur-bg);
border-radius: var(--border-radius-1);
border: 1px solid var(--blur-border);
- padding: 10px 15px;
+ padding: 5px 15px;
color: var(--colour-3);
display: flex;
justify-content: center;