diff --git a/tools/server/public_simplechat/index.html b/tools/server/public_simplechat/index.html index 47203e8338..4f3e192931 100644 --- a/tools/server/public_simplechat/index.html +++ b/tools/server/public_simplechat/index.html @@ -61,7 +61,7 @@
-
+
diff --git a/tools/server/public_simplechat/readme.md b/tools/server/public_simplechat/readme.md index 9d76fc8bab..4007dd9445 100644 --- a/tools/server/public_simplechat/readme.md +++ b/tools/server/public_simplechat/readme.md @@ -788,12 +788,14 @@ Cleanup in general had to account for delayed collating of available simpleproxy based tool calls, I forgot to clean this flow up. * Make the sys_date_time template description bit more verbose, just in case. -* ui_reset_userinput now also resets associated Role always, inturn +* ui_userinput_reset now also resets associated Role always, inturn * full on version from chat_show, inturn when session switching. So user switchs session will reset all user input area and related data, while also ensuring user input area has the right needed associated role setup. * partial version from uirefresh, inturn adding user or tool call response messages. - +* ui cleanup + * more rounded buttons, chat messages and input area elements + * make the body very very lightly gray in color, while the user input area is made whiter. #### ToDo diff --git a/tools/server/public_simplechat/simplechat.css b/tools/server/public_simplechat/simplechat.css index 7f2626ff23..01c51b294a 100644 --- a/tools/server/public_simplechat/simplechat.css +++ b/tools/server/public_simplechat/simplechat.css @@ -43,7 +43,7 @@ body { border-style: solid; border-color: grey; border-width: thin; - border-radius: 0.5vmin; + border-radius: 1vmin; display: flex; margin-bottom: 2vh; /* box-shadow: 1px 1px 4px lightslategray; */ @@ -111,6 +111,10 @@ body { padding: 0; border-radius: 0.5vmin; border-color: lightgray; + min-width: fit-content; + max-width: fit-content; + min-height: fit-content; + max-height: fit-content; } @@ -146,9 +150,15 @@ body { #user-in[data-role="TOOL.TEMP"] { background-color: lightyellow; } -button { +#user-in-div button { padding-inline: 2vmin; border-radius: 2vmin; + min-height: 3vmin; +} +button { + padding-inline: 2vmin; + border-radius: 1vmin; + min-height: 3vmin; } .sameline {